清除浮动

2020-02-24 2020-03-03

CSS

4 分钟读完 (大约 548 个字)

清除浮动可以理解为清除浮动产生的影响。当元素浮动时也就是为当前元素创建了块格式化上下文（BFC），会对周围的元素或者父元素在布局上会产生一定的影响。

比如：父元素因无法自动计算高度而产生的高度塌陷；因脱离文档流而使兄弟元素错位等。

要清除浮动产生的影响，其实就是在解决这两方面的问题。方法是可以通过设置父元素高度，或利用BFC，或者使用自带属性 clear进行清除。

BFC

2020-02-24 2020-02-27

CSS

4 分钟读完 (大约 556 个字)

块格式化上下文(Block Formatting Context，BFC)是Web页面的可视化CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。

你可以把它理解成一个独立的区域

2020-02-16 2020-02-27

CSS

3 分钟读完 (大约 497 个字)

SCSS（Sassy CSS ）是 Sass 3 引入新的语法，其语法完全兼容 CSS3，并且继承了 Sass 的强大功能。

Sass 和 SCSS 是同一种CSS预处理器，都称之为 Sass，两者之间不同之处有以下两点：

所以推荐使用SCSS。

2020-01-27 2020-02-27

CSS

几秒读完 (大约 11 个字)

左边固定右边自适应布局