什么是BFC BFC全称是Block Formatting Context，即块格式化上下文。它是CSS2.1规范定义的，关于CSS渲染定位的一个概念。要明白BFC到底是什么，首先来看看什么是视觉格式化模型。 视觉格式化模型 视觉格式化模型(visual formatting m…

划重点，这是一道面试必考题，很多面试官都喜欢问这个问题，我就被问过好几次了 要实现上图的效果看似很简单，实则暗藏玄机，本文总结了一下CSS实现水平垂直居中的方式大概有下面这些，本文将逐一介绍一下，我将

本文将详细介绍CSS选择器及其优先级规则。我们将探讨不同类型的选择器，如元素、类、ID和属性选择器，以及如何利用这些选择器进行更精确的样式应用。

浮动布局在面试中是非常常见的一道题目，浮动布局让一个Box脱离了文档流，可以实现文字环绕的效果，但是会带来负面影响，他会影响后续的布局，所以要清除浮动。

【不一样的CSS】深入理解 overflow (溢出要学会处理) overflow 的基本属性自定义滚动条 获取滚动条高度 块格式化上下文 创建 BFC resize 属性 text-overflo

1. 什么是幽灵空白 在HTML5 文档声明中，内联元素（行内块）的所有解析和渲染表现就如同每个行框盒子的前面有一个“空白节点”一样。这个“空白节点”永远透明，不占据任何宽度，看不见也无法通过脚本获取

引言 在当今的网页开发中，响应式设计和灵活的布局方式变得越来越重要。而Flex 弹性布局（Flexbox）作为一种强大的 CSS 技术，为我们提供了一种简单而灵活的方式来创建复杂的布局结构。

大部分 Web 开发者都知道 CSS 中有一个盒模型，但很少有人知道在 CSS 的世界中还有另一个模型，他就是 CSS 的视觉格式化模型。理解了该部分所涉及到的知识点，有助于实现 Web 布局！

在日常开发编写 CSS 代码的时候，时常会遇到一些奇怪的现象。比如以下几个场景 图 1 中，图片下面为什么会出现一段空白高度？ 在我们正常的认知中，块级元素的height在不设置具体值的时候，默认为0