Question

HTML中间div高度自适应内容，如何定义footer位置

上div高度固定，中间div自适应内容，关键是如何定义下div的位置？？？我想要的效果是：dFoot不论中间div内容多少始终显示在dBody下面，可是按照下面代码出来的效果是上下div位置都固定了，中间的出现了滚动条，大神搭救一下！

#dHead {
height:125px;

/* line-height:100px;*/
background:#690;
width:100%;
position:absolute;
z-index:5;
top:0;
text-align:center;
}
#dBody {
background:#FC0;
width:100%;
overflow:auto;
top:0px;
position:relative;
z-index:10;
height:auto !important;
/* height:600px;overflow:visible; */
}

#dFoot {
height:50px;
background:#690;
width:100%;
position:relative;
z-index:200;
bottom:0;
text-align:center;
}

Answer 1

可以将footer的position属性设置为绝对定位（fixd或absolute)，然后设置top、botum、left、right值即可。

在CSS中关于定位的内容是：position:relative | absolute | static | fixed。static 没有特别的设定，遵循基本的定位规定，不能通过z-index进行层次分级。在本文流中，任何一个元素都被文本流所限制了自身的位置，但是通过CSS我们依然使得这些元素可以改变自己的位置，我们可以通过float来让元素浮动，我们也可以通过margin来让元素产生位置移动。

Answer 2

正常写就好了 一个个div块排下来 不要用绝对定位和浮动 相对 绝对定位 用不着 简单的构造 位置设置用margin 和padding 这样不会打乱文档流

追问

我中间dBody的div里面又嵌套了两个div：left和right，这两个height也要定义成auto吗？绝对相对浮动也都不能用？ dBody自适应内容是自适应left和right的内容吗

Answer 3

当一个人最看重的东西是面子，那他为此失去的一定很多。

Answer 4

不要用position定位，直接把三个div排列下来就可以实现了

追问

我中间dBody的div里面又嵌套了两个div：left和right，这两个height也要定义成auto吗？绝对相对浮动也都不能用？ dBody自适应内容是自适应left和right的内容吗

追答

在中间dBody里面，最后添加这样就可以用float，dBody自适应高度就没问题了

追问

如果我想让所有div都在屏幕中间显示，用了定位会不会对自适应内容有影响？如果不用定位还有其他方法实现吗？

追答

把像定位在屏幕中间的div加个宽度，再加上margin{0,auto;}

追问

能加下QQ吗？还有其他关于HTML的问题想跟您请教 我的646099704，谢谢