5

1) min-height: 100% の div.full があります (html、body は高さ 100% です)

2) ネストされた内部には、固定の背景パターン (オーバーレイ) を持つ div.pattern があります。

3）いくつかのコンテンツを再度ネストしました。

div.pattern で親全体を埋めるようには見えません (コンテンツの高さが小さい場合)。できれば、これを修正するためにjsを避けたいと思います。

私はjsfiddleを働かせることができません。後で psoting してみます。

4

3 に答える 3

21

親の高さも定義されている場合、要素はパーセント単位の高さ/幅の値にのみ設定できます。あなたの場合、親には絶対的な高さの定義ではない最小の高さしかありません。ネストされた div の 100% の高さを取得するには、高さを明示的に設定する必要があります。

于 2013-02-07T13:32:05.303 に答える
0

私にとっての解決策は、追加の div オーバーレイではなく、複数の背景を使用することでした。ここで説明されている CSS2 疑似要素の方法 (::before 背景パターン付き) でそれを行いました。

http://nicolasgallagher.com/multiple-backgrounds-and-borders-with-css2/

于 2013-02-07T18:55:12.750 に答える
0

height: 100%代わりに使用min-heightして、これを div.full と div.pattern の両方で指定します

于 2013-02-07T13:30:26.020 に答える