html - 左側に 1 つ、右側に 1 つの 2 つの div があるメイン div に 1 つの背景画像を使用する方法

Question

レイアウトが次のような HTML、CSS ページを作成したい:
<div id="content">
<div id="left">
.....
</div>
<div id="right">
.. ...
</div>
</div>
コンテンツ div には背景画像があり、y 方向に繰り返す必要があります。また、左右の div は同じ背景画像の上に並べて配置する必要があります。コンテンツの高さを固定したままにすることで達成できますが、コンテンツの高さを固定したくありません。私を助けてください。前もって感謝します ：）

Answer 1

あなたが何をしようとしているのかを理解するのはかなり難しいですが、あなたがしたいことはコンテンツ div に追加して、左右の div と同じ高さになるようにすることだと思います:overflow: auto

#content {
  overflow: auto;
  background: [bg code]
}
#left, #right {
  float: left;
}

Answer 2

あなたのコードを見ずに...私の推測では、左右のDIVをフローティングしていると思います...しかし、コンテンツDIVをフローティングしていません...

CSS を機能させるには、次のようにする必要があります。

#content {
    float:left;
    background-image:url('whatever.png');
    background-repeat:repeat-y;
}

#left {
    float:left;
}

#right {
    float:left;
}

Answer 3

私はそれを達成することができますが、コンテンツの高さを固定したままにしておくことで、コンテンツの高さを固定したくありません。

背景画像を Y 方向に繰り返すことができる場合は、#content背景が残りのスペースを埋めるだけなので、div の高さは問題になりません。正しいですか?

コンテンツ div が子 div の高さまで拡張されていない場合は、明らか#contentにページの通常のフローの外にある必要があります。その場合はfloat、コンテナー div の高さを設定しないでください。