http://jsfiddle.net/kWJ79/17/
为什么我的<hr>
这么短?
为什么#wrapper
底部的间隙大于指定的20px填充大小?
最佳答案
您的<div id="vr">
的父级<hr>
设置为宽度1px(和float:left),因此<hr>
的宽度为1px#wrapper
具有额外的空间,因为#wrapper:after
伪类在包装器的末尾添加了display:block
和content:"."
在底部提供了额外的一行,这不是多余的填充
也许考虑使用#wrapper {overflow:hidden;}
作为使用:after
伪类的替代方法
http://jsfiddle.net/pxfunc/kWJ79/24/