CSS-定位

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的值

你可能感兴趣的:(CSS-定位)