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

Question

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

我认为 h 元素应该只显示块，也就是换行开始？我想我错了。另外，我对 display: block 的含义有误吗？我认为这意味着 div 将从左到右占据所有 space，我认为这意味着它应该从一个新行开始，当它结束时，下一个元素也将换行显示。

我试着把 clear: both;和溢出：隐藏；在我的 h 元素的 css 中，但它不起作用。

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

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

a screen shot of the issue

提前致谢！

Answer 1

解决方法是在浮动元素的container/parent元素上不仅加上clear: both，还要加上overflow: auto，这样就把space浮动元素。