m0_61973028的博客

面试基础知识

我们先说如何解决叭，是不是在一个大盒子里，装了两个行内快元素但是装了内容之后就会错位（如上一组图），只要在各自的行内元素里加一个tertical-align：top；就能实现顶端对齐（如下一组图）二、现在我们说原因吧出现错位的原因是因为基线的改变，当行内快元素里有文字时，那么前一个盒子文字的基线就是盒子基线，所以第一个盒子文字就和第二个行内快元素的底部对齐了。这也就是为什么设置了vertical-align可以解决这个问题。本博文对基线解释不完全，如果需要深入了解可以找找其他相关文章。.

什么是文档流呢？（加入了自己的理解）文档流也叫普通流是相对于盒子模型讲的，盒子模型有自己的空间，网页在解析时，遵循从上向下，从左向右的顺序解析。脱离文档流：css定位机制有三种：即正常文档流、float（浮动）、position(定位）；float、position这两中定位机制是脱离文档流的。什么是脱离文档流呢？就是本来这个标签是属于文档流管理的，即本该按照正常布局方式从左至右自上而下排布，并且符合标签本身的含义，却不再遵循这个顺序排布了，即跳出了文档流的管理和约束，这个标签在原文档流中所

如果给高10px，宽10px的盒子盒子设置border-sizing：border-box；后再添加一个borer：1px solid black；盒子整体宽高仍旧是10px，不会变成12px（因为盒子有上下两条边，左右两条边，所以如果没有设置border-sizing：border-box；盒子加一个borer：1px solid black；边会变成宽高12px。...