3

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

我正在尝试在这里创建这个：（http://www.subcide.com/images/dynamic/css-layout/floatexample3.gif）

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

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

注意深绿色的 div 与正常的绿色 div 不对齐。而是将那个空白留在右边，我不需要。我怎样才能解决这个问题？我在 CSS 中使用 float 标签将深绿色浮动到右侧，但无济于事。

我为这样一个幼稚的问题道歉。我认为这是发帖的最佳地点，我不知道还能去哪里寻求帮助。我希望我以后可以问更多的问题。

4

2 回答 2

0

改变：

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

至：

#Content{
    float: left;
    background:green;
    width:480px;
}
于 2013-07-29T22:06:27.417 回答
0

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

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

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

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

于 2013-07-29T22:10:46.523 回答