http://jsfiddle.net/kWJ79/17/


为什么我的<hr>这么短?
为什么#wrapper底部的间隙大于指定的20px填充大小?

最佳答案

您的<div id="vr">的父级<hr>设置为宽度1px(和float:left),因此<hr>的宽度为1px
#wrapper具有额外的空间,因为#wrapper:after伪类在包装器的末尾添加了display:blockcontent:"."在底部提供了额外的一行,这不是多余的填充


也许考虑使用#wrapper {overflow:hidden;}作为使用:after伪类的替代方法

http://jsfiddle.net/pxfunc/kWJ79/24/

09-10 06:13
查看更多