Question

前端布局问题,CSS, HTML ,布局

三个层，
一个是头部。一个是中间的，但是中间的层浮动在头部的上面。 现在问题来了，不管怎么清除浮动，底部层出现的位置都是头部高度结束之后就出现了，我希望它在中间的绝对定位层结束之后再出现，第三个层，也就是底部层。
看这个图

继续补充





Answer 1

你的浮动是float还是绝对定位position，如果是float在中间后面加上<div style="clear:both">应该是可以的，若是position就必须在第三层加上margin-top，把位置手动让出来。

追问

是 position 的 。 但是不能用margin 呢，有什么办法能清掉吗？

如果用margin的话，因为页面高度的问题，如果高度改变了，那就没有意义了呢 。

是 position 的 。 但是不能用margin 呢，有什么办法能清掉吗？

如果用margin的话，因为页面高度的问题，如果高度改变了，那就没有意义了呢 。

追答

　　position 是绝对定位，是不占空间的，clear:both只能清除float带来的浮动。
　　你的中间的层如果一定要浮动在头部层上，并且头部层和底部层是平行的话，有两个方法，一是中间层使用position:relative，然后top:-xx，使中间层上移；二是在中间层下设一个div，设定一个高度，挤出位置出来。

追问

按您说的 用top -xx来是可以了，但是还有一个问题，就是-上去的高度，在下面依旧会空白出那么多个像素。怎么办？ 第三个块如果跟着 负上去的话，那页脚就会出现一大片空白的呢。

Answer 2

请上代码 ~

===================== 万恶的分割线 ====================================
我觉得你可以改造一下html代码：

<div>
第一层 和 第二层
</div>
<div>
第三层
</div>

可以将第二层的外围div设置为相对位置
然后第二层就可以在里边使用绝对定位而不影响第三层了

追问

第二层试用相对定位，它位置就不能飘在上面咯，再使用绝对定位好像也上不去呢 ？？