为什么需要了解视觉格式化模型？ 解释一些css效果，下面的问题： 下面child1：一般为了水平居中会在水平方向上设置auto，下面的例子在垂直方向上设置auto，会导致垂直居中的效果。原因在最后：解

最开始学习 CSS 的时候，我一度认为 CSS 基础很简单，但是 CSS 布局是一块难啃的骨头。本文会从 CSS 盒子模型和文档流，直到最后的层叠顺序，带你了解布局的本质。

浮动的基本特点left:左浮动,元素靠左靠上;right:右浮动,元素靠右靠上none:默认值2.当一个元素浮动后,元素必定成为块盒(display=block)3.浮动元素的包含块和常规流一样,为父

常规流页面中多个盒子排列规则所有元素,默认情况下都属于常规流布局总体规则:包含快:每个盒子都有它的包含快,包含块决定了盒子的排列区域绝大部分情况下,盒子的包含块,为其父级元素的内容盒块盒每个块盒的总宽

1. 盒模型分类 1.2. 行盒： 1.3. 行块盒： 2. 盒模型由四部分组成 2.1. 内容区：盒子内容区域 2.3. 边框： 2.4. 外边距：盒子之间的距离 3.1. 设置如何计算一个元素的总宽高的时候 3.2. 设置元素的背景区域的时候 4. 三种盒子更进一步的区别 …

white-space、word-break、word-wrap（overflow-wrap）估计是css里最基本却又容易让人迷惑的三个属性了，估计很多人都有把它们搞混或用错的经历。必须系统整理一下，今天我们就把这三个属性彻底搞清楚！ 可以看到，nbsp;和</br>可以正常发…

-webkit-line-clamp用来限制在一个块元素显示的文本的行数。 为了实现该效果，它需要组合其他的WebKit属性。常见结合属性： display: -webkit-box; 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。 -webkit-box-orient …

1.对于包含块的理解?一个元素的尺寸和位置经常受其包含块containintblock的影响。大多数情况下，包含块就是这个元素最近的祖先块元素的内容区，但也不是总是这样。2.包含块的影响在学习如何确定

最近，在项目中遇到一个关于CSS中元素z-index属性的问题，具体问题不太好描述，总结起来就是当给元素和父元素色设置position属性和z-index相关属性后，页面上渲染的元素层级结果和我预想的不一样。根据自己之前的理解，也没找到一个合理的解释。我知道，肯定是我对相关属性…