2つのdivを持つメインdivに1つの背景画像を使用する方法(1つは左に、もう1つは右に)
-
08-07-2019 - |
質問
レイアウトが次のようなHTML、CSSページを作成したい:
<!> lt; div id = <!> quot; content <!> quot; <!> gt;
<!> lt; div id = <!> quot; left <!> quot; <!> gt;
.....
<!> lt; / div <!> gt;
<!> lt; div id = <!> quot; right <!> quot; <!> gt;
.....
<!> lt; / div <!> gt;
<!> lt; / div <!> gt;
コンテンツdivには、y方向に繰り返す必要がある背景画像があります。また、左と右のdivは同じ背景画像上に並んでいる必要があります。コンテンツの高さを固定することでそれを達成できますが、コンテンツの高さを固定したくありません。私を助けてください。
事前に感謝します:)
解決
コードを見ずに...私はあなたが左右のDIVを浮かせているのではないか...しかし、あなたはコンテンツDIVを浮かせていない...
CSSは、これを機能させるために次のようになります。
#content {
float:left;
background-image:url('whatever.png');
background-repeat:repeat-y;
}
#left {
float:left;
}
#right {
float:left;
}
他のヒント
私はそれを達成することができますが、 コンテンツの高さを保つ 修正したが、私は作りたくない コンテンツの高さが修正されました。
Y方向に背景画像を繰り返すことができる場合、#content
divの重さは問題になりません。背景が残りのスペースを埋めるだけなので、正しいですか?
コンテンツdivが子divの高さまで拡大していない場合、明らかにfloat
はページの通常のフローの外側になければなりません。その場合、<=>コンテナの高さを設定しないでください。 div。
何をしようとしているのかを理解するのは非常に難しいですが、あなたがやりたいことは、
#content {
overflow: auto;
background: [bg code]
}
#left, #right {
float: left;
}