关于给<li>设定高
老师我没有明白为什么上课老师说可以通过设置<li>的高度解决下图问题呢?
我的思考是对于第二行这三个医生的盒子,是因为第二个医生的盒子高度没有占满父盒子的原因,并且前两个盒子的宽度和第一个医生盒子左侧的空白宽度占满父盒子。这两个原因导致第三个盒子的左浮动贴向第一个盒子,不知道我的理解正确吗?
但依然有问题,就是这三个医生在医生都是左浮动,为什么第一个盒子左侧会出现空白没有紧贴着父盒子的左侧呢?
还有是不是可以通过设置父盒子的BFC解决这个问题(因为第三个医生的盒子跑出父盒子范围了)?
19
收起
正在回答
2回答
同学你好,关于同学的问题解答如下:
1、因为第一行的第二个元素的高度没有占满父元素,因此导致第二行的元素去占据第一行第二个元素的剩余空间,所以视觉上看到的效果是第二行的第一个元素在第一行第二个元素下面,解决方法是给li设置高度,让每个li的高度一致,这样第二行的li就不会去补空隙,而是直接从最左侧开始排列。
2、同学的理解是正确的
3、关于左侧有空白没有贴紧父元素的问题,建议同学将代码上传上来,老师这里测试没有复现这个问题。
4、这个案例里不能通过设置父元素的BFC解决哟
祝学习愉快!
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星