关于clear: both

来源:4-4 sass案例(4)

慕小庄

2019-07-29 16:19:57

&:after {

visibility: hidden; //和display:none很像,但dom卻不會消失,任然存在著

display: block;

content: " ";

clear: both;

height: 0;

}

请问老师,这个的clear:both; 是起到什么作用?

写回答

1回答

好帮手慕慕子

2019-07-29

同学你好, clear:both;的作用是清除浮动元素带来的影响

这里由于子元素li浮动造成父级元素ul的高度塌陷, 通过clear:both;方法解决子元素浮动带来的影响, 也就是父级元素高度塌陷的问题哦

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~~



0

0 学习 · 10739 问题

查看课程

相似问题