css+div定位介绍

1、静态定位：position：static（默认）

固定定位：position：fixed（不动，不占位置空间）

相对定位：position：relative（相对于自己，占原先位置）

绝对定位：position：absolute（相对于页面，不占原先位置）

2、内容超出元素框时发生的事件：overflow

visible  默认，内容超出元素框时不隐藏

hidden 内容超出元素框时隐藏

scroll  内容会被修剪，浏览器会显示滚动条

auto 如果内容会被修剪，浏览器会显示滚动条

3、设置元素的垂直对齐方式：vertical-align

baseline  默认正常

sub   下标（例：二氧化碳中的2）

super  上标（例：幂次方）

length /%（数字）

4、设置元素的垂直对齐方式：vertical-align

top  元素顶端与行中最高顶端对齐

text-top  元素顶端与字体的顶端对齐

bottom  元素顶端与行中最底顶端对齐

text-bottom  元素底端与字体底端对齐

middle  中间对齐

5、层级覆盖：z-index

（层级越低，就会被覆盖）

6、定位元素位置会通过left、right、top、bottom属性进行规定