子元素设置了绝对定位,父元素高度为0,父元素不写高度怎么撑开子元素
登陆购买课程后可参与讨论,去登陆吧
同学你好,父元素的宽高可以由子元素撑开,父元素没法反向撑开子元素。一般是给子元素设置宽高(或者子元素自带宽高),从而撑开父元素。如果子元素设置了绝对定位,那么建议给父元素手动设置宽高。
祝学习愉快!
在这个页面做那种呼吸轮播图,我把这个子元素图片宽度设置成100%,然后让所有li绝对定位叠在一起,但是父盒子没有高度了,那些底下的小圆点都上不去了,我也不能给父盒子加高度,因为整体图片高度是随着宽度自适应的,老师有没有办法能解决喃
有一个办法,算是padding的巧用。padding-bottom的值设置成百分比时,是相对于父元素计算的。图片的原始高度/宽度=650/1920=0.33854。如果想让.banner的高度与图片一致,那么.banner的高宽比也得是0.33854。已知.banner的宽度是100%,所以给高度设置成33.854%就行了:
同学试试。
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
登录后可查看更多问答,登录/注册
入行前端,是明智的选择!市场需求大,就业前景好,入行门槛低,小白易上手 全新升级:技术更新,Vue3.0/TypeScript/React17.x; 技术更全面,从0基础到全栈开发再到大型项目构建
157 1
75 1
31 2
200 5
155 1
在线咨询
领取优惠
免费试听
领取大纲
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星