【问题标题】:CSS float bug with side pane resizing main content侧窗格调整主要内容大小的 CSS 浮动错误
【发布时间】:2012-07-06 20:50:35
【问题描述】:

我们遇到了浮动到右侧的侧窗格的问题。此窗格以某种方式调整主要内容中第一个 div 的大小,因此 div 被拉伸到与窗格相同的高度,请参见下图。

主 div 有以下 css

margin: 10px 280px 0 10px;
padding-right: 50px;

侧窗格具有以下 css

float: right;
width: 270px;
margin: 10px 10px 0 0;

什么会导致这种情况发生?我该如何解决?

在 Firefox 3.6 中出现此错误

【问题讨论】:

    标签: html css css-float


    【解决方案1】:

    尝试将overflow:auto 添加到主div

    【讨论】:

    • 它起作用了,在我添加了 padding-bottom 后,滚动条消失了 :) 你能解释一下,或者指出我描述的地方吗?
    • 真的不讲这个问题吗?无论如何,谢谢,我也不知道那个技巧
    • 遗憾的是,该修复程序仅在 Firefox 中有效,它在 Webkit 中中断。有什么补救办法吗?
    • @Znarkul:您可以使用过滤器定位它们,请参阅:evotech.net/blog/2010/04/…
    猜你喜欢
    • 1970-01-01
    • 2012-01-04
    • 1970-01-01
    • 1970-01-01
    • 2015-02-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2010-09-21
    相关资源
    最近更新 更多