3

Wordpress テーマの CSS を編集しています (twentyten)

これは私のHTML構造です:

<body>
    <div id="wrapper">
        <div id="header"></div>
        <div id="main">
            <div id="filtri_di_ricerca"><img></div>
            <div id="container">
                <div id="content"></div>
            </div>
        </div>
        <div id="footer"></div>
    </div>
</body>

これは私のCSSです：

#main {
    position:relative;
    background:#fff;
    overflow:visible;
}

#filtri_di_ricerca img {
    position: absolute;
    top: -96px
}

#filtri_di_ricerca {
    position: absolute;
    top: 0;
    right: 20px;
    width: 250px;
    background-color: #E6E6E6;
}

#maindiv を divに重ねる必要がありますが、折りたたみをゼロ#filtri_di_ricercaに設定overflow:visibleすると#main his height... まだ見ることができますが、 の背景は見えなくなります...代わりに の背景が表示されます。#container#content#main#body

4

3 に答える 3

2

これは、div の高さの計算方法が原因です。固定されていない場合は、すべてコンテンツに依存します。overflow:visible のため、コンテンツを div に収める必要はありません。したがって、div の高さはゼロに設定されます。

div に一定の高さを設定すると、その高さを維持する必要があります。

于 2013-03-25T17:10:48.347 に答える
1

#main div のフロートをクリアする必要があります。

/* For modern browsers */
#main:before,
#main:after {
    content:"";
    display:table;
}
#main:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
#main {
    zoom:1;
}

クリアフィックスの詳細を読む

于 2013-03-25T17:22:47.623 に答える
0

#filtri_di_ricerca の CSS の位​​置は「絶対」であり (そのため、自然な流れから外れます)、 #container にはコンテンツがありません。

#content にいくつかのコンテンツを追加し、#content のパディングトップを #filtri_di_ricerca の高さに等しく設定してみてください

于 2013-03-25T17:17:47.487 に答える