《CSS权威指南》 第十/十一章 浮动和定位 笔记

浮动

1. 浮动后脱离文档流，但是对布局仍然有影响，比如文字还会环绕（与absolute不同）
2. 浮动元素有块级元素的特性。
3. 浮动元素四周的外边距不折叠。（BFC）
4. 容纳块的概念，块级祖辈元素。
5. 浮动元素与内容重叠：块级元素只有内容在浮动元素之上，行内元素的背景边框都在其之上
6. 清除浮动 是对某个元素添加之后，元素对于附近有浮动元素的情况进行处理，clear：both

定位

1. static

• 容纳块：

  1. position:absolute,容纳块为不为static定位的最近祖辈元素（任意类型）
  2. relative或static， 容纳块为最近的块级元素界定

2. absoulte：元素框从文档流中移除，相对容纳快定位。
3. relative: 偏移一定距离。
4. fixed: 和absolute类似，容纳块为视口本身。
5. sticky: 和absolute类似 ， 容纳块就是祖级元素。