为什么额外标签法 第一个能撑开 第二个撑不开父元素盒子?
css吧
全部回复
仅看楼主
level 1
2025年01月15日 13点01分 1
level 1
是因为第二个因为继承了宽高背景的原因?为什么继承了就不能撑开了?
2025年01月15日 13点01分 2
两种写法区别在于给div1添加clear属性时,自身是否为浮动状态,这个是有区别的,详细看看mdn对clear属性的讲解[呵呵]
2025年01月15日 16点01分
@此贴吧用户已被封禁 谢谢大佬,那个我看过了mdn那个,我可以理解成没有浮动属性的盒子(标准盒子)添加了clear属性然后添加在浮动盒子末尾就能撑开父元素吗?
2025年01月17日 07点01分
@此贴吧用户已被封禁 如果是这样的话那么,我图里是因为继承才有了浮动属性的盒子能通过清除末尾盒子的浮动属性使他变成一个标准盒子以后再加上clear属性使他撑开父元素盒子吗? 就是float none这样的
2025年01月17日 07点01分
level 8
是的,当元素设置float后,会脱离常规流布局,父元素计算高度时就不会计算浮动元素的高度,设置clear后,子元素就不会与前面的浮动元素重叠,父元素就可以计算高度了。常用的清楚浮动的方法就是给父元素设置一个::after伪元素,然后clear:both;。当然还可以开启BFC用来清除浮动,比如给父元素设置overflow、float...。@大佬咩我▫
2025年01月17日 14点01分 4
好的,谢谢大佬,我最近正在学这个,刚学到这个额外标签,别的等我再学学[太开心]
2025年01月17日 17点01分
1