开发者社区> 问答> 正文

如何使div设position:relative属性的高度自适应?

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

<div style="position:relative" class="div1">
    <div style="position:absolute" class="div2">
        <img src="http://a.hiphotos.baidu.com/image/w%3D1366%3Bcrop%3D0%2C0%2C1366%2C768/sign=f30ddb3e8601a18bf0eb164ca8193c6b/0824ab18972bd4074d238eef7a899e510fb3093f.jpg" style="max-width:100%">
    </div>
    <div style="position:absolute" class="div2">
    </div>
</div>

展开
收起
a123456678 2016-03-25 16:02:32 10882 0
1 条回答
写回答
取消 提交回答
  • 不能自适应是因为子元素absolute脱离文档流了,用js的话获取子元素高度再给到父元素身上,如果不用js的话,你给一个min-height吧,省事

    2019-07-17 19:14:35
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载