为何这里的ul不设置高度、li不设置宽度和高度属性呢,会有什么区别吗

来源:6-2 无缝连续滚动特效

年薪百万有手就行

2020-12-22 14:25:00

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

http://img.mukewang.com/climg/5fe190f8090eb94406810427.jpg

写回答

1回答

好帮手慕星星

2020-12-22

同学你好,问题解答如下:

1、图片大小为200*130

http://img.mukewang.com/climg/5fe1b679097f1ddd02910199.jpg

图片会撑起li的宽高

http://img.mukewang.com/climg/5fe1b6880968900c02810183.jpg

高度上有4px差距是因为图片为行内元素,有文字特性,默认存在间隙。将图片设置为块元素就没有了,li的高度会为130px

http://img.mukewang.com/climg/5fe1b6cf09b9ae8508310623.jpg

所以li可以不设置宽高。


2、父盒子ul可以不设置高度,li浮动已经脱离了文档流,下面也没有其他内容,不影响布局。

如果下面有内容并影响布局的话,建议给ul添加上高度,或者清除浮动带来的ul高度塌陷问题。

祝学习愉快!

0

0 学习 · 15276 问题

查看课程