一、CSS定位机制
- 普通流：元素按照其在HTML中的位置顺序决定排布的过程
- 浮动
- 绝对布局
二、CSS定位属性
| 属性 | 描述 |
|---|---|
| position | 元素放置的位置 |
| top/right/bottom/left | 元素向上/右/下/左的偏移量 |
| overflow | 元素溢出其区域发生的事情 |
| clip | 这是元素显示的形状 |
| vertical-align | 设置元素垂直对齐方式 |
| z-index | 设置元素的堆叠顺序 |
三、CSS position属性
- relative 相对布局
- absolute 绝对布局
- fixed 固定悬浮
- static 静态布局（所以偏移量和z-index不起作用）
四、浮动
- 浮动float属性可用的值：
- left：元素向左浮动
- right：元素向右浮动
- none：元素从不浮动
- inherit：从父级继承浮动属性
- 去浮动clear属性可用值：
- left、right
- both
- inherit
网友评论