CSS溢出隐藏的解决方法?

时间:2010-08-03 01:46:36

标签: css overflow css-float

想知道是否有人解决了这个问题。

我有这样的标记:

<div id="outer">
<div id="inner">
content here
</div>
</div>

现在我的内心并不总是延伸到我想要的范围。

alt text http://cl.ly/fe3fbe331a422de22340/content

溢出:隐藏;创造奇迹,但在这种情况下,我有一些与边缘重叠的元素,所以我不能使用它。向左飘浮;很好,但我不想每次都指定一个宽度。

理想情况下,我希望它看起来像这样:

alt text http://cl.ly/51e4befcf35c00e14933/content

1 个答案:

答案 0 :(得分:2)

如果您指的是clearing floats,因为您在示例中似乎缺少CSS,那么您只需使用clearfix:

#outer:after {
    content:"";
    clear:both;
    display:block;
}

#outer { zoom:1; }

如果没有,请在jsfiddle中包含完整的HTML / CSS或链接到真实的东西。