今天来尝尝KFC，哦是弄清楚BFC

文章预览

点击 关注 公众号，“ 技术干货 ” 及时达！ 看到这个标题，你的脑海第一时间浮现的下面场景吗😂 好了，不给你看饿了😂 回到正文，想到kfc也要回想起BFC这个字节考点 引入：“核”模型 盒子模型（Box Model） ❝ CSS中的盒子模型决定了每个元素的大小和位置。 每个元素都可以视为一个矩形框，这个框由内容区域（content）、内边距 （padding）、边框（border）和外边距（margin）组成。 ❞ 「box-sizing属性」 ：该属性是区分两种盒模型的方式，定义了如何计算元素的宽度和高度。 「content-box」 （标准盒模型）：默认值。元素的宽度和高度只包括内容区域，不包括内边距和边框。例如， width 和 height 只会计算内容区域的尺寸，内边距和边框是额外加上的。 「border-box」 （IE盒模型）：元素的宽度和高度包括内容、内边距和边框。这意味着设置的宽度会 ………………………………