![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
浮动(BFC)
文章平均质量分 77
清除浮动、BFC特性
jz____
这个作者很懒,什么都没留下…
展开
-
BFC
文章目录前言一、BFC是什么?二、触发BFC的条件1.body根元素2.浮动元素:float除none以外的值(left、right)3.绝对定位元素:position(absolute、fixed)4.display(inline-block、table-cell、flex)5.overflow除visible以外的值(hidden、auto、scroll)三.BFC的作用1.避免margin重叠2.清除浮动3.两列自适应布局 前言 常见的定位方式有三种 普通流(normal flow) 浮动(fl原创 2021-01-10 19:14:44 · 86 阅读 · 0 评论 -
清除浮动
清除浮动 文章目录清除浮动一、为什么要清除浮动?二、浮动引起的问题三、清除浮动的方法1.空标签2.overfow3.after伪标签 一、为什么要清除浮动? 浮动元素脱离文档流,不占据空间。浮动元素碰到包含它的边框或者浮动元素的边框停留。 <div class="outer"> <div class="box1"></div> <div class="box2"></div> </div>原创 2021-01-10 16:28:59 · 125 阅读 · 0 评论