2011-09-11 53 views
0

如何在不爲容器設置固定寬度的情況下阻止這些元素使用瀏覽器窗口進行包裝?水平滾動容器內的浮動元素

<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> 
+0

你是什麼意思的「與瀏覽器窗口包裝」? –

+0

我的意思是,我希望它們以水平線顯示,即使它們離開瀏覽器窗口的邊緣。 – Tom

回答

0

如果你想讓它水平滾動,你需要指定overflow-x: auto。我會盡快發佈一個例子。

+1

在我的書中,ASAP不超過2年。 –