divを展開してコンテナを通過できるようにする

Question

親コンテナdivに3つのdiv要素が左に浮かんでいても、3番目のdivが移動すると問題が発生します（コードは動的で難しく、これは簡単です）ページの本体（ブラウザの幅）を超えて、行が途切れて下に移動します。

私はそれが浮動したい：それはブラウザの終わりを過ぎるかどうか、何でも残してください。これは可能ですか？

例コード： - すべてのdivは、中央及び右の左

<div id="container"><div id="divLeft"></div><div id="divCenter"></div><div id="divRight"></div></div> 

がフロートしているが左。

しかし、幅がブラウザの幅を超えた場合は、divCenterの下に移動するために#divLeftが壊れます。

ご迷惑をおかけして申し訳ありません。

Answer 1

固定幅をdivに設定することをお勧めします。

An example here

#container{width:306px;display:block;border:1px solid black;overflow:auto;} 
#divLeft, #divCenter,#divRight{float:left;border:1px solid red;width:100px;} 

あなたが他の背景や枠線を適用したい場合、それはあなたのdivの下ではありません、あなたのコンテナにoverflow:autoを忘れないでください。

Answer 2

divがコンテナdivに収まらないようですが、最後のdivがその下に浮いているようです。これが浮動小数点演算の仕組みです。それらの幅を調整する必要があります。