2

私は答えを探していくつか見つけましたが、それらは背景色のあるdivのみを対象としており、コーナーなどの背景画像は対象としていません。私の例は(削除済み)です。

メニューと「ページ」を100%同じ高さにしたいと思います。どちらが大きいか、つまりページにコンテンツが多い場合は、メニューを拡大する必要があります。その逆も同様です。

ご覧のとおり、背景画像の影などは、それぞれのdiv内に絶対的に配置されたdivであり、コンテナよりも低い位置にzインデックスが付けられています...

私はこれを間違った方法で行っていますか?事前に感謝します、洞察は非常に役に立ちます!

4

1 に答える 1

0

divのheightプロパティをその親の100%に設定します。これは、ドキュメントの本文またはそれを含むdivになります。次に、上部と下部のマージンを設定するだけです。

#menuDiv {
    height: 100%;
    margin: 100px 0 25px 0;
}

コンテンツdivについても同じです。divのサイズプロパティは、背景画像では変更されません。両方の子(メニューとコンテンツ)を親の100%に設定して、両方のdivを包含divに配置する方がよい場合もありますが、包含divにメニューの高さと同じ最小の高さを設定します。これを行わず、コンテンツdivが小さい場合は、見栄えが悪くなります。

于 2012-07-31T21:19:56.010 に答える