1

何らかの理由で.left- sectionに幅と高さを追加すると、.section-page-layout-containerが展開されて背景が表示されませんが、.section-page-layout-containerに高さを追加すると背景が表示されますグラデーションが完全に繰り返され、すべてのピクセルが塗りつぶされます。

コードをいじってみましたが、何も機能していないようです。別の愚かな間違いであるに違いありません。

うまくいけば、あなたは良い人たちが私を助けることができます:)

前もって感謝します！

私のHTML

    <section class="section-page-layout-container">
        <div class="section-page-layout">
            <div class="left-section">
                <header>

                </header>
            </div>
            <div class="right-module-section">

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

私のCSS

.section-page-layout-container {
    background:#984B09;
    background: url('../img/section-page-oj_gradient-background.png') repeat-y;
    background-size:contain;
    width: 100%;
}
.section-page-layout {
    width: 1280px;
    position: relative;
    margin: 0 auto;
    height: auto;
}
.left-section {
    width: 585px;
    height: 500px;
    background: #000000;
    float: left;
}
4

1 に答える 1

4

オーバーフローを使用：非表示

.section-page-layout-container {
    background:#984B09;
    background: url('../img/section-page-oj_gradient-background.png') repeat-y;
    background-size:contain;
    width: 100%;
    overflow: hidden;
}

オブジェクト内にオブジェクトをフロートさせた場合、コンテナは崩壊します。そのため、クリアフィックスが必要です。

于 2013-03-13T10:18:21.690 に答える