div+css中 父容器用position:relative; 定义,子容器用position:absolute定义 。父容器不能高度自适应

div+css中 父容器用position:relative; width:1000px;定义。2个子容器用position:absolute;定义,发现父容器高度就不能自适应了,如何解决 求 大神
非常感觉大家的帮助,但是我采用过overfl:auto但是还是没有,clear:both我没有float,所以不对的。

绝对定位(position:absolute;)使元素的位置与文档流无关,因此不占据空间。设置为绝对定位的元素框从文档流完全删除,并相对于其包含块定位。元素原先在正常文档流中所占的空间会关闭,就好像该元素原来不存在一样。

要子容器自适应高度,就不能用position:absolute; 你可以用 相对定位(position:relative;)来确定子容器的位置。
温馨提示:答案为网友推荐,仅供参考
第1个回答  2011-07-05
display:table
第2个回答  2018-04-25
今晚搞手机pc自适应banner轮播,也发现了这个问题
弄个空白的图片(图片大小要适合哦哦),width:100%; height:auto;撑开文档流,这样外层div就能自动适应了
第3个回答  2018-03-16
用js动态获取相对定位的子元素的高度,然后赋值给父元素就行啦
第4个回答  2012-03-25
在两个子容器外再套一个DIV就可以了。把relative属性加到新套上去的div上,最外框div就可以自适应了。

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网