父盒子里的子元素设置了绝对定位,父元素高度为0

父盒子里的子元素设置了绝对定位,父元素高度为0

子元素设置了绝对定位,父元素高度为0,父元素不写高度怎么撑开子元素

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕久久 2022-12-02 16:33:17

同学你好,父元素的宽高可以由子元素撑开,父元素没法反向撑开子元素。一般是给子元素设置宽高(或者子元素自带宽高),从而撑开父元素。如果子元素设置了绝对定位,那么建议给父元素手动设置宽高。

祝学习愉快!

  • 提问者 慕函数0445997 #1

    在这个页面做那种呼吸轮播图,我把这个子元素图片宽度设置成100%,然后让所有li绝对定位叠在一起,但是父盒子没有高度了,那些底下的小圆点都上不去了,我也不能给父盒子加高度,因为整体图片高度是随着宽度自适应的,老师有没有办法能解决喃

    2022-12-02 16:52:02
  • 好帮手慕久久 回复 提问者 慕函数0445997 #2

    有一个办法,算是padding的巧用。padding-bottom的值设置成百分比时,是相对于父元素计算的。图片的原始高度/宽度=650/1920=0.33854。如果想让.banner的高度与图片一致,那么.banner的高宽比也得是0.33854。已知.banner的宽度是100%,所以给高度设置成33.854%就行了:

    https://img1.sycdn.imooc.com//climg/6389c713097210a610720704.jpg

    同学试试。

    2022-12-02 17:37:02
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师