red {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 20px;
background-color: #FFC0CB;
}
顶部蓝色：
blur {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 20px;
background-color: cornflowerblue;
}
===============
就是用 fixed 把元素相对于窗口固定。好像不行，我想实现的是：<!--- 浮定DIV ---<div id="divTop"浮定DIV</diV<div<iframe</iframe</div其中，iframe是高度自适应的，src的产生的HTML：<div id="divLeft"在iframe中固定在左侧</div<div id="centent"高度自适应的DIV，内容高度让浏览器窗口产生滚动条</div想实现的效果是：浏览器滚动条滚动的时候，，<div id="divTop" 和iframe中的<div id="divLeft"的位置固定不变化，<div id="centent"中的内容随浏览器滚动条滚动而滚动。设置<div style="z-index:1;"></div>如果是ie6的话考虑下拉框和iframe需要复杂点<div style="z-index:1;"><iframe style="display:none;"></iframe></div>我明白你的意思，你所说的浮动指的是div在table上挡住了table的内容，一般table是块级元素，是不会被div挡住的，例如，具体你的语言怎么写要看实际情况，除非你的div是在dw中拖上去的，那样的div是position:
absolute;（绝对定位），他不依赖别的同级元素的位置而定位，（你暂时可以这样理解），他只依赖于父元素的位置而定位。
<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
10
Transitional//EN"
">首先将position定义为，absolute、relative或fixed。
必须position为以上三个属性，z-index才能层级体现出来，才能起作用
设置 style 中 z-index:auto
auto可定义为一个值(整数数字)，越大代表越置前，如可定义为： z-index:9999。
若定义为-1，代表为最底层。
如果要让div1不被div2遮挡，则将div1的z-index设置比div2大就可以了。
看个例子
先写的粉色div，后写的灰色div，但通过 z-index 可以让粉色div在灰色div之上
原文链接： >清除浮动有几个方法，在css中去设置样式或者设置父级div就可以。
第一种：结尾处加空div标签 clear:both
第二种：父级div定义高度；
第三种：父级div定义 overflow:hidden ；
第四种：父级div定义 overflow:auto ；
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）