2つのdivを持つメインdivに1つの背景画像を使用する方法（1つは左に、もう1つは右に）

Question

レイアウトが次のような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は同じ背景画像上に並んでいる必要があります。コンテンツの高さを固定することでそれを達成できますが、コンテンツの高さを固定したくありません。私を助けてください。 事前に感謝します：）

Answer 1

コードを見ずに...私はあなたが左右のDIVを浮かせているのではないか...しかし、あなたはコンテンツDIVを浮かせていない...

CSSは、これを機能させるために次のようになります。

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

#left {
    float:left;
}

#right {
    float:left;
}

Answer 2

  

私はそれを達成することができますが、   コンテンツの高さを保つ   修正したが、私は作りたくない   コンテンツの高さが修正されました。

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

コンテンツdivが子divの高さまで拡大していない場合、明らかにfloatはページの通常のフローの外側になければなりません。その場合、<=>コンテナの高さを設定しないでください。 div。

Answer 3

何をしようとしているのかを理解するのは非常に難しいですが、あなたがやりたいことは、

overflow：auto をコンテンツdivに追加することです左右のdivと同じ高さになります：

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