请参阅此小提琴http://jsfiddle.net/a506r2gh/
在正文和“标题”部分之间出现一个奇怪的填充。如果我在“ header” div上添加了边框,它就会消失。保证金崩溃和保证金似乎并不是这里的问题。
提前致谢!
这是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;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句