css - 初学CSS定位( float )

Question

我是 CSS 定位的新手，我正在尝试解决我遇到的有关布局中 div 定位的问题。

我想在这里创建这个:( http://www.subcide.com/images/dynamic/css-layout/floatexample3.gif )

但是，当我严格按照说明进行操作时，会发生一些事情。

这是我的问题的代码和工作示例( http://rendera.heroku.com/usercode/a8dd085e8500914d5c8c3a89880cb3d513b54cdb )

请注意深绿色 div 与普通绿色 div 不对齐。取而代之的是在右边留下我不需要的空白。我怎样才能解决这个问题？我在我的 CSS 中使用了 float 标签来让深绿色向右浮动，但没有用。

对于这样幼稚的问题，我深表歉意。我认为这是最好的发帖地点，我不知道还能在哪里寻求帮助。我希望以后能提出更多问题。

Answer 1

改变:

#Content{
    background:green;
    margin-right:280px;
}

到:

#Content{
    float: left;
    background:green;
    width:480px;
}