如何使內部容器，而是漂浮無包裝

Question

我

 <div id="cont"> 
    <div>a</div> 
    <div>b</div> 
    <div>c</div> 
    <div>d</div> 
    </div> 

#cont div 
{ 
    float: left 
} 

什麼情況是：

a b 
c d 

我想讓他們：

a b c d 

這意味着 - 我不介意他們不要打包......而不要滾動！

謝謝全部

Answer 1

我認爲只有兩種方式來解決瀏覽器包裝浮動的自然行爲。

1：爲#cont元素指定寬度。

2：改爲使用表格。

Answer 2

嘗試添加固定寬度到您的容器div。
如果您不希望滾動條出現，那麼您也可以使用overflow: hidden。

Answer 3

玩顯示器：內聯屬性與您的一些<div> s。

通常情況下，一個<div>顯示爲一個塊，這意味着下面將顯示以下內容。將它設置爲內聯使其與文本一起流動。

Answer 4

這個CSS應該這樣做：

#cont div 
{ 
    display:inline; 
} 

#cont 
{ 
    overflow-x:scroll; /*Not sure if you want a scroll or not. Use overflow-x:hidden; if you don't want it.*/ 
    white-space: nowrap; 
} 

Answer 5

添加overflow:hidden並設置width到您的div

#cont { width:500px; overflow:hidden; } 
#cont div { width:125px; float:left; }