1.CSS定位
CSS定位是指改变元素在页面上的位置。
2.CSS定位机制
(1)普通流:元素按照其在HTML中的位置顺序决定排布的过程。
(2)浮动
(3)绝对布局
3.CSS定位属性
position | 把元素放在一个静态的、相对的、绝对的、或者固定的位置上 |
top | 元素向上的偏移量 |
bottom | 元素向下的偏移量 |
left | 元素向左的偏移量 |
right | 元素向右的偏移量 |
overflow | 设置元素溢出其区域发生的事情 |
clip | 设置元素显示的形状 |
vertical-aligh | 设置元素垂直对齐方式 |
z-index | 设置元素的堆叠顺序,即哪个元素在上哪个元素在下 |
4.CSS浮动
float(浮动)属性可用的值:
left | 元素向左浮动 |
right | 元素向右浮动 |
none | 元素不浮动 |
inherit | 从父级继承浮动属性 |
clear属性:
去掉浮动属性(包括继承来的属性)
clear属性值:
left、right | 去掉元素向左向右浮动 |
both | 左右两侧均去掉浮动 |
inherit | 从父级继承来clear的值 |