div+css中 父容器用position:relative; 定义,子容器用position:absolute定义 。父容器不能高度自适应
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了div+css中 父容器用position:relative; 定义,子容器用position:absolute定义 。父容器不能高度自适应相关的知识,希望对你有一定的参考价值。
div+css中 父容器用position:relative; width:1000px;定义。2个子容器用position:absolute;定义,发现父容器高度就不能自适应了,如何解决 求 大神
非常感觉大家的帮助,但是我采用过overfl:auto但是还是没有,clear:both我没有float,所以不对的。
要子容器自适应高度,就不能用position:absolute; 你可以用 相对定位(position:relative;)来确定子容器的位置。 参考技术A display:table 参考技术B 今晚搞手机pc自适应banner轮播,也发现了这个问题
弄个空白的图片(图片大小要适合哦哦),width:100%; height:auto;撑开文档流,这样外层div就能自动适应了 参考技术C 用js动态获取相对定位的子元素的高度,然后赋值给父元素就行啦 参考技术D 在两个子容器外再套一个DIV就可以了。把relative属性加到新套上去的div上,最外框div就可以自适应了。
以上是关于div+css中 父容器用position:relative; 定义,子容器用position:absolute定义 。父容器不能高度自适应的主要内容,如果未能解决你的问题,请参考以下文章
CSS使容器相对父元素垂直水平居中定位(父容器及子元素大小不确定)