在右侧放置一个div

Question

我尝试将div放在另一个div的右侧。我没有成功。

这里是一个的jsfiddle：http://jsfiddle.net/Xn5uh/

我想主要的内容（在红色）是在右侧。

有什么想法？

谢谢。

Answer 1

修复溢出中的拼写问题：auto;

.main-content 
{    
    overflow:auto; 

Answer 2

定义float在你的.main-content也。像这样写：

.main-content { 
    background-color: Red; 
    border: 1px solid black; 
    float: left; 
    width: 600px; 
} 

OR

在.main-content

.main-content { 
     background-color: Red; 
     border: 1px solid black; 
     width: 600px; 
     overflow:hidden; 
    } 

定义overflow:hidden在您的例子您overflow拼写错了

入住这http://jsfiddle.net/Xn5uh/5/

Answer 3

maincontent类有一个错字。 see the updated fiddle

overflow:auto; /*was ooverflow */ 

Answer 4

为.main-Content添加float:left。

DEMO