html请教一个上中下布局问题~ 中间层div的position设为absolute,top为头部div的高,bottom为底部div的高

<div id="top" style=" height:120px; background:blue"></div>
<div id="center" style="background:yellow;position:absolute; top:120px; left:0;bottom:30px;
right:0px; ">
<iframe style="height:100%;width:100%"></iframe>
</div>
<div id="bottom" style=" height:30px; background:green; position:absolute; bottom:0px;left:0px; width:100%"></div>
</div>
在ie6下因为#center的position为absolute,所以其高度为0;所以iframe就无法自适应高度了,应该如何解决~小白求指教!

你的问题有点奇怪呀,你说:
#center的position为absolute,所以其高度为0。
不过,定位的话,和高度有什么关系呀。position为absolute和高度为0没什么关系。
还有,如果你加TOP的话,就别加那个BOTTOM了,别想着用这个方法还弄那个DIV的高度。你要让那个DIV有高度,你加上height就好了。
还有就是,这个布局的话,是没有什么必要用绝对定位(absolute)的吧。
不行的话,你再HI我好了,总之这个问题,应该是比较好解决的。
温馨提示:内容为网友见解,仅供参考
第1个回答  2013-06-03
你不要绝对地位,正常排版+ height:auto +iframe的overflow:visible试试
第2个回答  2013-06-03
不用绝对定位。

html中的“ position: absolute”是绝对定位,怎么用?
html中的“position:absolute”是绝对定位,一般配合“top”和“left”属性同时使用。1、新建html文档,在body标签中添加一个div,然后在这个div中再添加一个div,这时默认情况下内div在外div的左上角:2、为内div添加“position”属性,属性值为“absolute”,外div添加“position”属性,属性值为“relat...

如何用div实现页面上下部分固定,中间部分随滚动条移动而移动的代码
1、头部定义一个div,固定高度,设置绝对定位(position:absolute),设置上边距(top:0);2、底部定义一个div,固定高度,设置绝对定位(position:absolute),设置下边距(bottom:0);3、中间定义一个div,设置滚动条自动( overflow: auto); 设置绝对定位(position:absolute),设置top和bottom,top的值等于头部...

div中 关于四种position的说明
position : static | absolute | fixed | relative 取值:static :  默认值。无特殊定位,对象遵循HTML定位规则 absolute :  将对象从文档流中拖出,使用 left , right , top , bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象,则依据 body ...

position:absolute;是什么意思啊?
在CSS中,position: absolute是一种定位方式。当一个元素的position属性被设置为absolute时,这个元素的位置将相对于其最近的已定位的祖先元素进行定位。如果没有已定位的祖先元素,那么它会相对于初始包含块进行定位。这意味着,你可以通过指定left、right、top和bottom属性,来精确地控制元素的位置。1. 绝...

css怎么使一个div的高随另一个div的高的变化而变化,还有就是怎么使第...
这样给你说好了,你现在一共四个div,最上面一个,中间左边一个,右边一个,最下面一个,你无非是想让他们都居中所以用position absolute,但是你可以这样:在4个div外面加上一个div,设置为居中,高度为100%,宽度你自己用你觉得合适的值,overflow-y设置为auto;然后对你原本存在的最上面的那个div...

如何将div_0里面的一个 position属性为absolute的div_1 的超出div_0...
给父div,也就是div_0设置overflow属性,属性值hidden,参考代码如下:<head> <style> .div0{ width: 400px;height: 200px;background: green;overflow: hidden;} .div1{ width: 800px;height: 200px;background: yellow;} <\/style> <\/head> <body> <div class="div0"> <div class="...

html中怎么设置div的位置?
利用CSS的position属性对元素定位,以下是position 属性规定元素的定位类型。absolute 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。fixed 生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 "left...

Html中的position:absolute的意思
1、“position:absolute”是绝对定位的意思,单纯的使用absolute属性并不会其效果,需要配合“top bottom left right ”属性才能看到效果。首先需要新建一个html文件,这里定义了10个换行符,换行符的下面定义一个div:2、此时保存文件,打开浏览器可以看到div在浏览器的下方位置,接下来来设置绝对定位,让...

HTML中DIV的相对定位与绝对定位
绝对定位(absolute):当一个DIV块的位置被定义为绝对定位的时候,也就意味着它失去了文档流的位置,后面的文档流会紧跟着补上来接替它的位置。如果上下左右的绝对偏移量都是零,那么它将漂浮在原来的位置上。否则就会以浏览器的上下左右四边为基准进行偏移。相对定位(relative):当设了相对的偏移量之后...

在HTML中怎么让div里的东西上下居中_如何使html的div里的所有东西都居中...
设置浮动。首先,先给一个大的div作为父容器.给他设置好宽,高。父容器设置为position:relative 子容器(想要居中的容器),设置position:absolute;在设置margin-top,margin-right等等,如果想要绝对居中,可设置如下CSS样式。.Center-Container{ position:relative;} .Absolute-Center{ width:50%;height:50...

相似回答