请查看这个fiddle:http://jsfiddle.net/a506r2gh/
在body和“header”分区之间出现了奇怪的填充。如果我给“header” div添加一个边框,它就会消失。
这里似乎不是边距折叠和body边距的问题。
提前感谢!
以下是HTML代码:
这里是 CSS。
提前感谢!
以下是HTML代码:
<body>
<div class="header">
<a href="#"><div class="photo"></div></a>
<div class="footer"></div>
</div>
</body>
这里是 CSS。
body {
margin:0; padding:0; background: #999;
}
.header {
background-color: #422;
/* border: solid 1px red; */ /* problem goes away if I add border to header */
}
.header .photo {
width: 150px;
height: 150px;
border-radius: 75px;
background: #660;
margin:50px auto;
}
.footer {
height:50px;
background: #303;
margin-bottom:50px;
}
.header .photo
有margin-top: 50px
,因此出现了间隙。请给.header
添加overflow: auto
。 - anpsmn