浮动和自动高度

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

所以，你可以看到基本上每一个类都高度设定为 “自动”。这很好，因为我希望内容能够跟随边栏和区域。他们内部会有很多内容。

Now ... .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/