1

我在那里有几节课，所以让我先发布它们。

HTML：

<div class="content">
    <div class="sidebar">

    </div>

    <div class="area">

    </div>
</div><!-- content closed -->

CSS：

.content {
    background-color: #eee;
    height: auto;
}

.sidebar {
    background-color: #555;
    width: 250px;
    height: auto;
    padding: 10px;
    float: right;
}

.area {
    background-color: #777;
    width: 590px;
    height: auto;
    padding: 10px;
}

因此，您基本上可以看到每个班级都将高度设置为“自动”。这很好，因为我希望内容跟随侧边栏和区域。他们里面会有很多内容。

现在... .sidebar 设置在 float:right; 所以它并不真正影响移动下面的内容。在我的情况下，这是页脚。

我想知道如何使物体漂浮，移动它下面的部分，这取决于自动设置的高度。

4

1 回答 1

1

我不确定我是否理解您的问题，但如果您尝试将页脚定位在您的内容下方，您需要清除浮动：

<div class="content">
    <div class="sidebar">

    </div>

    <div class="area">

    </div>
    <div style="clear:both"></div>
    This is the footer
</div><!-- content closed -->

jsfiddle：http: //jsfiddle.net/xmw7M/1/

于 2012-08-22T01:13:48.163 回答