在右侧放置一个div

Question

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

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

我希望主要内容（红色）在右侧。

有什么想法吗？

感谢。

Answer 1

修复溢出中的拼写：自动;

.main-content
{            
    overflow:auto;

Answer 2

还在float中定义.main-content。写得像这样：

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

或

在overflow:hidden

中定义.main-content

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

在您的示例中，overflow拼写错误

选中此http://jsfiddle.net/Xn5uh/5/

Answer 3

主要内容类上有拼写错误。 see the updated fiddle

 overflow:auto; /*was ooverflow */

Answer 4

为.main-Content添加float:left。

DEMO