初学者CSS定位（浮动）

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;
}

Answer 2

从您正在处理布局的教程应该是：

<div id="page-container">
    <div id="main-nav">Main Nav</div>       
    <div id="header">Header</div>
    <div id="sidebar-a">Sidebar A</div>
    <div id="content">Content</div>
    <div id="footer">Footer</div>
</div>

在您的代码中，您有：标题，内容，侧边栏，页脚。

切换内容和侧边栏在您的代码中显示的顺序，它将起作用。