为什么在浮动元素后会忽略html元素的上边距？

为什么在浮动元素后会忽略html元素的上边距？

您已正确找出问题所在。float

<div>

不再用于计算顶部边距，因此2

<div>

只是彼此对接。一种简单的解决方法是包装第二个

<div>

。这将使包装器（看不见）紧靠第一个包装

<div>

，并允许您为其指定空白。

使包装程序正常工作的技巧是使空白成为内部空白。换句话说，包装器使用填充而不是空白。这意味着包装器外部发生的任何事情（就像其他浮动元素一样）都不重要。

<div >foo</div><div  >    <div >This div should not touch the other div.</div></div>