CSS 溢出隐藏解决方法?

标签 css overflow css-float

想知道是否有人可以解决此问题。

我有这样的标记:

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

现在我的内部 div 并不总是如我所愿地延伸。

alt text

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

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

alt text

最佳答案

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

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

#outer { zoom:1; }

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

关于CSS 溢出隐藏解决方法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3393073/

相关文章:

html - CSS3 float 元素不会清除

javascript - 使用鼠标滚轮和按钮循环水平滚动两个 div

css - 如何编译@import 其他 LESS 文件的 LESS 文件?

html - 无法解释的 CSS float 和位置堆叠 :relative

html - 溢出隐藏不起作用 - 试图将溢出隐藏在容器中但它会剪切图片

c - 警告 : call to __builtin___strncat_chk might overflow destination buffer [enabled by default] In function ‘strncat’

jquery - 使用 jquery 和 jquery ui 的 Css 拖放网格有一个空白空间

html - 如何将div格式化为网页上的固定导航栏?

css - 如何从包裹在 anchor 中的图像中删除下划线?

css - 带有 `max-height: 0` 的 Fieldset 在 Chrome v87+ 上总是溢出