0

コンテナ要素内に適用された4<div>のページがあります。float: leftコンテナーはbackground: #ffffffそれに適用されましたが、IE (具体的には 8) で期待どおりに動作しません。Chrome と FireFox では正常に動作します。

コンテナーからスライダーを削除すると、すべてが期待どおりに表示されることがわかっています。それと何か関係があるので、それが何であるかはわかりません。

これがどのように見えるかです： クロム

IE での表示方法は次のとおりです。

IE

CSS:

/* Container */
.main-content {
    margin-bottom: 15px;

    background: #ffffff;
    border: 1px solid #e1e1e1;
}

/* Columns (Wrecked Vehicles, Welcome, Inv Search) */
.col {
    float: left;
    width: 289px;
    padding: 10px;
    margin: 5px;
}

/* Slider */
.slider {
    float: left;
    padding: 10px;
    margin: 5px;
}

HTML:

<div class="main-content">
    <div class="col n1">
        ...
    </div>

    <div class="slider">
        ...
    </div>

    <div class="col n2">
        ...
    </div>

    <div class="col n3">
        ...
    </div>

    <div class="clear"></div>
</div>
4

1 に答える 1

2

に追加overflow:hiddenしてみてください.main_content。背景が表示されない理由は、すべての子が浮いているため、コンテナーの「実際の」高さがゼロであるためです。

于 2012-08-01T18:44:53.697 に答える