3.7.6去除浮动影响

在之前BFC那篇文章里面
有一个问题浮动会导致父元素失去高度
在这里插入图片描述
在那里使用的BFC来解决

文章链接3.3.2对BFC的理解

今天在这里我们可以通过清除浮动来解决父元素失去高度的问题
在这里插入图片描述
1.清除浮动的属性:clear
我们可以在浮动后面加一个元素,为其设置清除浮动

当然这是有问题的,你在后面凭空添加一个元素可能会影响整体布局,所以这个方法不是太好,不建议使用

我看到很多地方都使用伪元素来清除浮动   :after,:before等元素来设置清除

2.我很少用清除浮动,我一般会直接为父元素设置宽高
让他在视觉上是包裹的,但是实际上是没包裹的,这样写也会有弊端
就是如果你的子元素的大小改变,父元素的大小是固定的,你还要再去修改父元素,这种办法也是不太好

3.所以还是用BFC

猜你喜欢

转载自blog.csdn.net/qq_41364597/article/details/88296317
今日推荐