html - CSS 溢出问题

我在我的网站上使用 overflow: hidden 来控制结束 float 。

到目前为止，它一直运行良好。

我知道结束 floats 有几种不同的方法，但是 overflow 技巧通常效果最好。

但是这次我做对了。

如果您查看以下页面并尝试调整音量，您会看到音量控件位于我的标题下方。

问题出在#content-container div

当我删除 overflow 时，音量控制会越过我的 header (这正是我想要的)。

但我不能只删除溢出，否则我必须得出另一种解决方案来控制 float ，除非真的有必要，否则我不想这样做。

谁有办法解决这个问题？

最佳答案

您已经选择了一个答案，但有一些问题需要指出。首先，清除 <br>不是语义的，它添加了额外的代码并可能在某些浏览器中引起问题。

其次，现在CSS3越来越流行，你不应该使用清除 float 的溢出方法。它会导致在容器边界外显示效果的任何新参数出现问题。如果您使用溢出方法，至少框和文本阴影都将被切断。

您确实应该使用 clearfix 方法。它实现起来很简单，不需要任何额外的标记，并且不会导致任何 CSS3 属性出现问题。

好好读书-

关于html - CSS 溢出问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6078684/