CSS溢出问题

时间:2011-05-21 00:00:02

标签: html css overflow

我在我的网站上使用overflow: hidden来控制结尾花车。

到目前为止,它总能完美运作。

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

然而这次我做不到。

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

http://pieterhordijk.com/sandbox/html5-audio-api/mp3-format

问题出在#content-container div

当我删除overflow时,音量控制会超过我的标题(这就是我想要的)。

但是我不能放弃overflow或者我必须得到另一个控制浮点数的解决方案,除非真的需要,否则这不是我想做的事情。

有人解决了这个问题吗?

2 个答案:

答案 0 :(得分:4)

您已经选择了答案,但有一些问题需要指出。首先,清除<br>不是语义,它会增加额外的代码,并可能导致某些浏览器出现问题。

接下来,您现在不应该使用清除浮动的溢出方法,因为CSS3正变得越来越普遍。它会导致在容器边界外显示效果的任何新参数出现问题。如果使用溢出方法,则至少会切断盒子和文本阴影。

你真的应该使用clearfix方法。它实现起来很简单,不需要任何额外的标记,也不会导致任何CSS3属性出现问题。

好读 -

http://perishablepress.com/press/2009/12/06/new-clearfix-hack/

http://fordinteractive.com/2009/12/goodbye-overflow-clearing-hack/

答案 1 :(得分:3)

您可以提供snippets div clear:both。无论如何你都有元素,我假设你不希望它包裹导航,所以它不仅仅是为它添加非语义元素/类。