此系列的文章是我对张鑫旭的讲解的总结，张鑫旭作为很早入行前端的代表人物，其对 html 以及 css 的理解很深刻，所以他的系列文章“深入理解 CSS”是一个不错的前端基础教材，虽然我将其讲解进行了总结，但是还是希望你有时间能够看一下...

1. float 的历史浮动设计的初衷: 实现文字环绕 2. float 感性认知float 具有包裹性和破坏性 具有包裹性的小伙伴: display: inline-block / table-cell / … position: ...

1. overflow 起作用的前提 非 display:inline水 平 对应方位的尺寸限制 .width / height / max-width / max-height / absolute 拉伸 对于单元格 td 等，还需...

1. 超越 overflow独立的 absolute 可以摆脱 overflow 的限制，无论是滚动还是隐藏 2. 无依赖的 absolute不受 relative 限制的 absolute 定位，行为表现上是不使用 top / ri...

1. baseline 与 line-height两条 baseline 之间的距离即为行高(不同的字体所在位置不同，可能偏离基线) 2. 行内框盒子模型一共有 4 种模型： 内容区域(content area)，是一种围绕文字...

1. vertical-align 支持的属性值 线类：baseline，top，middle，bottom 文本类：text-top，text-bottom 上标下标类：sub，super 数值百分比类：20px，2em，20%，…...

1. relative 和 absolute 的相煎关系 限制 left / top / right / bottom 定位； 限制 z-index 层级：relative 中的 absolute 层级不起作用，只看 relative...