html - Div 不会并排出现？

Question

为什么下面的 div 不会并排出现？ http://jsfiddle.net/YxCK4/

我试图让它看起来像下面这样......

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

Answer 1

显示<div>作为 inline-block或 float他们 left

Example

像这样:

#window{
    width: 90%;
}

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

#main{
    display: inline-block;
}