div与hr之间为什么有空白呀？我已经设置了*{ padding: 0px; margin: 0px; }

Question

http://59.110.212.230/ehouse/...

Answer 1

这个不是hr和div的问题，是你布局样式有问题！是你上面的div的样式影响到了！

是你这个div有影响到了，100高度加上20上边距等于120，所以就有20的边距！你改成下面这样写就行了

你的写法也是有点不规范，header_1和header_2都浮动了，就要在下面清除浮动，不应该在下面一个元素设置清除浮动！建议像下面这样

Answer 2

因为你header高度太高，挤下来了。

Answer 3

1. 看看有没有内联 style （内联 style 优先级最高）

2. 看看是不是设置了行高（line-height）

3. 用页面调试工具（firebug/DevTools）看看盒模型很容易发现问题在哪

Answer 4

header2 你设置了margin-top：20px; 你的header2又是float，这个空白就是这个20px占用的。你的这种场景可以把height改成80px，就没有空白了。

Answer 5

height改成80px