为了账号安全,请及时绑定邮箱和手机立即绑定

父元素相对定位 高度auto,子元素position:absolute定位之后脱离文档流,怎么使子元素撑开父元素

父元素相对定位 高度auto,子元素position:absolute定位之后脱离文档流,怎么使子元素撑开父元素

尚方宝剑之说 2019-05-24 09:47:50
脱离文档流的两种方法:float和position:absolute/fixed前提:父元素高度自动,需要子元素撑开父元素当子元素使用float时,脱离文档流,父元素高度塌陷,但是可以使用zoom:1+伪元素使其清除浮动,从而使得父元素高度被子元素撑开。但是当使用position:absolute时,给父元素添加position:relative父元素高度塌陷,此时如何使得父元素的高度被子元素撑开?
查看完整描述

2 回答

?
30秒到达战场

TA贡献1828条经验 获得超6个赞

css貌似无法直接实现这个需求。可以用上js来获取子元素的高度然后再对父元素进行修改。htmlsss
css.a{width:200px;position:relative;background-color:red;}.b{position:absolute;height:50px;}
jsvarone=document.querySelector(".b").offsetHeight;document.querySelector(".a").style.height=one+'px';
                            
查看完整回答
反对 回复 2019-05-24
?
慕少森

TA贡献2019条经验 获得超9个赞

如其他所答基本css现在没有什么解决方案用jQuery或者js吧~如下代码
                            
查看完整回答
反对 回复 2019-05-24
慕课专栏
更多

添加回答

了解更多

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信