您好,请问本节课中为什么ul去掉clearfix也内容也不会溢出,子元素li不是写了浮动吗?

来源:3-1 新鲜甩尾部分开发

慕仔3411021

2020-11-26 21:22:09

# 具体遇到的问题
您好,请问本节课中为什么ul去掉clearfix也内容也不会溢出,子元素li不是写了浮动吗?
# 报错信息的截图

# 相关课程内容截图

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

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

在这里输入代码,可通过选择【代码语言】突出显示

写回答

1回答

好帮手慕码

2020-11-27

同学你好,clearfix类为设置overflow:hidden,这里给ul添加,是解决:子元素浮动,导致父级高度塌陷的。如下图,ul去掉该属性后,确实没有撑开高度:

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

不过由于内部子元素li自己设置了高度,会撑开父级元素,这样显示效果也是没有问题的。可以参考如下例子:

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

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

给父级添加overflow: hidden; 

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

祝学习愉快~

0

0 学习 · 15276 问题

查看课程