mlsb.net
当前位置:首页 >> 怎么将一个Div浮在另一个Div上面? >>

怎么将一个Div浮在另一个Div上面?

把这俩个div都放到一个父div中,并且该父div只有俩个子元素div.父div设置position:relative; 悬浮的那个div设置position:absolute;left:0;top:0;这样就可以悬在上方了

// HTML父类 子类// CSS.a1 { position: relative; background: #000;}.b1 { position: absolute; top: 5px; left: 5px; background: #999;}

用定位 position:relative; position:absolute;(这个就可以悬浮在加一个DIV上边) 要想很好的定位,在不同分辩率下都可以正常显示要在外边一个div上定上position:relative;

如果样式 position 为 absolute 时通过 z-index 来决定层的顺序。 此处显示新 Div1 标签的内容 此处显示新 Div2 标签的内容

.bg {position: relative;} .fd_gif {position: absolute;z-index:99;top:0;left:0;}

_.wrap{position:relative; width:300px; margin:50px auto;}.wrap div{position:absolute; width:200px; height:200px; left:0; top:0; opacity:0.5;}.wrap .a{background:#0a0; }.wrap .b{background:#069;}aaaaaaaaaaaaaaaabbb

Document .a{width:400px;height:400px;background:yellow;} .div1{width:100px;height:200px;background:red;position:absolute;z-index:100} .div2{width:200px;height:300px;background:blue;position:absolute;} div1 和div2都用绝对定位,...

.bg {position: relative;} .fd_gif {position: absolute;z-index:99;top:0;left:0;}

直接可以再css里面设置 例如: .one{ width:100px; height:100px; border:1px solid #F00; clear:both;} .two{ width:100px; height:100px; border:1px solid #F00; clear:both;} 解释:关键在与clear:both;这个是设置设置清除浮动;

网站首页 | 网站地图
All rights reserved Powered by www.mlsb.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com