一个div包含两个position:absolute的div。可是,外面的div为啥不能包住那两个div呢

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了一个div包含两个position:absolute的div。可是,外面的div为啥不能包住那两个div呢相关的知识,希望对你有一定的参考价值。

参考技术A 因为position:absolute这已经决定了内部的DIV是浮动的,而浮动的DIV即可以跨越外网的任何一个容器,最后根本z-index来决定其显示的级别!
默认z-index为1.
参考技术B 给外部的div设置overflow:hidden,就可以包住了 参考技术C position:absolute的元素已被从文档流中拖出,不会影响到文档流中的元素.所以不受控是正常的.追问

那怎么弄呢,网页变形了,底下的东西都上来了

追答

那你就不要position:absolute就行了. 或者给流中的那个DIV指定高和宽

追问

制定宽高是可以的,谢谢。我用margin-left,往往浏览器兼容有问题,所以我就这么做了

本回答被提问者采纳

以上是关于一个div包含两个position:absolute的div。可是,外面的div为啥不能包住那两个div呢的主要内容,如果未能解决你的问题,请参考以下文章

使用媒体查询在调整窗口大小期间隐藏 div

css 布局 怎么移动ul ?

苹果菜单

拖拽事件的原理

太极图----伪类实现

JQ ajaxFileUpload的一些问题