水平スクロールコンテナ内のフローティング要素

Question

コンテナの固定幅を設定せずに、これらの要素をブラウザウィンドウでラッピングするのを止める方法を教えてください。

<div id="container"> 
    <div></div> 
    <div></div> 
    <div></div> 
    <div></div> 
    <div></div> 
    <div></div> 
    <div></div> 
    <div></div> 
</div> 

<style> 

#container { 
    height: 300px; 
} 

#container > div { 
    width: 300px; 
    height: 300px; 
    float: left; 
} 

</style> 

Answer 1

水平方向にスクロールする場合は、overflow-x: autoを指定する必要があります。早急に例を掲載します。