扫码关注官方订阅号
我的ul,li都没有设置宽高,只是子类的子类img和p设置了宽高,为什么ul的height为0呢? 子类没有把他撑起来 比如这个p.content-inner和ul#p-1都没有设宽高, 但是页面元素审查时却显示宽高,是怎么回事?和后代元素设宽高有关系吗? 为什么我这样做的话p和ul还是没有显示宽高呢?
人生最曼妙的风景,竟是内心的淡定与从容!
目测是因为li用了float所以ul撑不起高度来
好像是我最先回答这个的……结果被题主无视了,题主没有给下面li的样式,所以我开始也不能确定,看你追问别人,那就果然是float的问题没跑了
解决方法3种:父标签添加overflow:auto/浮动标签最后添加一个clear:both的空元素/父标签用:after伪类定义一个clear:both的隐藏区块
父类会被撑起来
父类的高度为auto,被子类撑起来了,chrome上显示的宽高是浏览器计算后的宽高,所以styles里是不会显示的,可用js的getComputedStyle取得值
auto
chrome
styles
js
getComputedStyle
p没有在没有设置宽高的情况下都是根据子类的宽度来决定的,也就是被撑起来的。然后你可以在你的调试器里面盒模型一栏里面查看宽和高
父类的宽高相当于是auto,会被子类的空间大小(不是内容大小)给撑开
个人认为得分情况,两种情况:
解决方法:对父元素添加 .clearfix ( bootstrap 的一个类,你可以去看看),可以获得高度。
.clearfix
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
目测是因为li用了float所以ul撑不起高度来
好像是我最先回答这个的……结果被题主无视了,题主没有给下面li的样式,所以我开始也不能确定,看你追问别人,那就果然是float的问题没跑了
解决方法3种:父标签添加overflow:auto/浮动标签最后添加一个clear:both的空元素/父标签用:after伪类定义一个clear:both的隐藏区块
父类会被撑起来
父类的高度为
auto,被子类撑起来了,chrome上显示的宽高是浏览器计算后的宽高,所以styles里是不会显示的,可用js的getComputedStyle取得值p没有在没有设置宽高的情况下都是根据子类的宽度来决定的,也就是被撑起来的。然后你可以在你的调试器里面盒模型一栏里面查看宽和高
父类的宽高相当于是auto,会被子类的空间大小(不是内容大小)给撑开
解决方法:对父元素添加
.clearfix( bootstrap 的一个类,你可以去看看),可以获得高度。