本文解决两个痛点：1.伪类和伪元素傻傻分不清楚的问题，2. 太多伪类和伪元素导致我裂开的问题~~快来看看吧~

前言 大家好，我是林三心，清除浮动算是面试中CSS问的最多的一题了，当面试官问你请你说说如何清除浮动时，他肯定不是想让你单纯地答出浮动的清除方法，而是想让你顺带答出BFC，就算他不想让你答出，你也要自

1.块级元素独占一行，宽度自动填满父元素的宽度 2.display ：inline-block 应用比较多 行内块元素和其他元素一行，可以设置元素的宽高。

BFC到底是什么东西BFC，怎样触发BFC，BFC的规则，BFC解决了什么问题，一文搞懂，进来瞅瞅吧

一、BFC是什么？ BFC：block formatting context 块状格式化上下文 理解：BFC元素可以理解成被隔离的区间（BFC的子元素不会对外面的元素产生影响）； 二、BFC如何触发？

1. 介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？ 2. box-sizing属性？ border-box：IE 传统盒子模型。设置元素的 height/width 属性指的是 content + border + padding 部分的高/宽 3. 对…

圣杯和双飞翼布局介绍最近正好碰到了写这种布局，一直没有总结过正好借这次机会总结一波，同时加强一下自己的理解。博客链接：http://www.xluos.com/index.ph...圣杯布局和双飞翼布

盒模型📦 先用一张图来说明一下我会怎么来介绍盒模型： 什么是盒模型🍇 其实我们大家都能经常看见它，尤其是我们前端的小伙伴们，在浏览器中打开f12就能看见这样一个动态变化的图。 它其实就是我们这篇文章的