【问题标题】:main content wrapper div get's pushed down the page in IE主要内容包装器 div 在 IE 中下推页面
【发布时间】:2010-04-05 14:19:08
【问题描述】:

我有一个 2 列布局,左侧用于导航,右侧用于主要内容。

右侧内容有一个包装器 div,如下所示:

<div id="content">

现在这在 FF 和 GC 和 IE 中看起来不错,但如果我将填充更改为超过 4px 的任何内容,该部分将被推到左侧导航下方。

#content
{
    padding:3px;   // 4 makes it get pushed down
}

这是否意味着 IE 有不同的方法来计算我所有元素的宽度? 这是一个有解决方案的常见问题吗?

【问题讨论】:

    标签: html css cross-browser internet-explorer


    【解决方案1】:

    你的两列容器有多宽,左列和右列有多宽?

    我怀疑您将右列设置得太宽,无法在容器内的左列旁边浮动。

    【讨论】:

    • 由于某种原因,如果我设置 'width=100%' 那么内容 div 不会'在 IE 中被下推。
    • 如果你还设置了overflow:auto,那么容器也会伸展到两个浮动内部div的底部:D
    猜你喜欢
    • 2011-11-10
    • 2014-06-11
    • 1970-01-01
    • 1970-01-01
    • 2010-09-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-09-22
    相关资源
    最近更新 更多