Divs不會並排顯示？

Question

爲什麼不能將下列div並排顯示？ http://jsfiddle.net/YxCK4/

我想使它看起來像下面...

___________________________ 
| left|     | 
|  |     | 
|  |   main  |  <--- Window. 
|  |     | 
|  |     | 
|-------------------------| 

Answer 1

塊級元素不自然旁一邊給對方，你必須手動定義的行爲。只需將兩個div均定義爲float:left即可將它們並排放置，例如

#left, #main { float:left } 

Answer 2

顯示<div>的作爲inline-block或float他們left

Example

事情是這樣的：

#window{ 
    width: 90%; 
} 

#left{ 
padding: 10px; 
width: 85px; 
    display: inline-block; 
} 

#main{ 
    display: inline-block; 
} 

Answer 3

的div是塊級元素，你需要使用內聯元素，如跨度或覆蓋CSS浮動：左

Answer 4

現在它確實jsfiddle，正如其他人所說的，兩個容器#left和#main都需要浮動+如果該寬度超過可用空間，則無法分配90％的寬度，它會自動向下移動，它必須首先嚐試設置正確。我加了這個

#left,#main 
{ 
float:left 
} 

#main 
{ 
width:300px; // 90% is not correct here and will not work 
}