css - Div 未位于绝对 div 下方

Question

我在 http://jsfiddle.net/qPtXL/ 处有以下代码

如您所见，如果 .body 文本的长度不超过.sidebar。 .sidebar 是绝对定位的，.body 留有边距，所以我不使用任何 float 来保持 .body 宽度变量.

在这种情况下，有人建议我如何让 #footer 位于 #contents 下方吗？

Answer 1

通常，这样做很容易:http://jsfiddle.net/qPtXL/4/

parent: overflow: hidden
left: float: left
content: overflow: hidden

没有新手的显示:表格单元格等；)

绝对位置使元素远离流。这就像 photoshop 中新的独立层。你唯一能做的就是设置它的位置和高度\宽度相对于最近的父级 position: relative

IE6: http://jsfiddle.net/qPtXL/10/