为什么我的h元素不显示块？

Question

我遇到了一个恼人的问题，我的h元素（例如h2）在前面的元素之后浮动。

我认为h元素应该只显示块，也就是说，从一个新行开始？我想我错了。我也错了什么显示：块意味着什么？我认为这意味着div将占用从左到右的所有空间，我认为这意味着它应该从一个新行开始，当它结束时，下一个元素也将显示在一个新行上。

我试着说清楚：两者;溢出：隐藏;在我的h元素的CSS中，但它不起作用。

页面看起来像一团糟，一切都在彼此之后浮动，（现在只是图片和h2s）。当我检查chrome中的h2元素时（我在chrome中查看所有这些元素），蓝色部分，即实际元素，一直在前进，但我的文本不是。文本在前一个元素之后开始。

我希望我的所有h元素始终在他们自己的行上，从左到右填充。

a screen shot of the issue

提前致谢！

Answer 1

解决方案不仅要将clear: both，还要overflow: auto添加到浮动元素的容器/父元素中，以便它占用浮动元素占用的所有空间。