CSS定位:改变元素在页面上的位置
CSS定位机制:
普通流:元素按照其在HTML中的位置顺序决定排布的过程
浮动
绝对布局
CSS定位属性:
position:把元素放在一个静态的、相对的、绝对的、或固定的位置中
top:元素向上的偏移量
left:元素向左的偏移量
right:元素向右的偏移量
bottom:元素向下的偏移量
overflow:设置元素溢出其区域发生的事情
clip:设置元素显示的形状
vertical-align:设置元素垂直对齐方式
z-index:设置元素的堆叠顺序,比如两张图片,整数,尽量100以内,谁的大谁在上层
CSS position属性:static,relative,absolute,fixed
static:静态,此时偏移量不起作用
relative:相对布局,偏移量有作用
absolute:绝对布局,覆盖内容,滚动鼠标,不随鼠标位移
fixed:固定,覆盖内容,滚动鼠标,随鼠标位移
CSS浮动:
float属性可用的值:
left:元素向左浮动
right:元素向右浮动
none:元素不浮动
inherit:从父级集成浮动属性
clear属性:去掉浮动属性(包括继承来的属性)
clear属性值:
left\right:去掉元素向左、向右浮动
both:左右两侧均去掉浮动
inherit:从父级继承来clear的值