1

ワードプレスサイトを微調整しようとしていますが、親divの背景の1つを子divの上部から表示できないようです。#mainの背景画像を設定しました。私が使用している画像は下部が白くフェードしますが、レンダリングされたページでは、残りがブロックされる前に、上部の23ピクセル程度しか見ることができません...私は#primaryで考えています。

このサイトはレスポンシブに基づく子テーマを使用しており、現在ここで表示できます。私はあなたの便宜のためにコードをコピー/貼り付けしますが、コードのどの部分が私が見ている（見ない）ものの原因であるかはもうわかりません。ですから、これが続けるのに十分な情報ではない場合は、事前に謝罪します：-/

4

3 に答える 3

2

div#mainあなたがフロートの問題を抱えていて、崩壊しているように私には見えます。それを防ぐために、さまざまなクリアフロート手法の1つを試してください。

たとえば#main { overflow: hidden }、テストとして試してみてください。これにより、通常は崩壊が防止されます。

于 2013-03-19T19:36:52.470 に答える
0

従来の明確な修正の問題。#mainにoverflow：hiddenを与えるか、コンテンツが箱からこぼれている場合はマイクロクリアフィックスを試してください。

#main {
    background: url("http://wp.massosteopathic.org/wp-content/uploads/2013/02/headerhand-contd.jpg") no-repeat scroll 0 0 transparent;
    clear: both;
    overflow: hidden;
    padding: 1.625em 0 0;
    z-index: 1;
}
于 2013-03-19T19:38:27.093 に答える
0

の#main div高さはわずか 24 ピクセルです。これは、すべての子divsが浮いているためです。

を追加

<div class='clear'>

と

.clear { clear: both}

あなたの終了タグの直前#main

于 2013-03-19T19:40:46.603 に答える