Question

我有几个课程，所以让我先发布它们。

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

所以，你基本上可以看到每个类的高度都设置为“auto”。这是有道理的因为我希望内容跟随侧边栏和区域。他们内心会有很多内容。

现在... .sidebar设置为float：right;因此它不会真正影响移动下面的内容。在我的情况下哪个是页脚。

我想知道如何使对象浮动，移动下面的部分，具体取决于自动设置的高度。

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

浮动和自动高度

1 个答案: