简述CSS+DIV布局的常用方法。

答案:CSS+DIV布局的常用方法有三种:

一、 常规流式布局

元素按照自身的常规显示方式显示,有两个特点:

1.元素按照自身HTML元素定义的位置显示(怎么写的怎么显示)

2.元素按照自身的常规显示特性显示,比如块级元素垂直排列,行级元素水平排列。

二、 浮动

具体代码:左浮动 float:left;右浮动 float:right;

三、定位布局

1.静态定位

position:static;默认值,不写position相当于写上position:static;以前没学定位的时候其实都是静态定位,元素在它原本的位置显示,即使加了top、left等也不起作用。

2.相对定位

相对定位是相对于自身的原始位置进行平移,如果设置position:relative;表示相对定位。z-index:值越大越在上面。注意:z-index必须加在已经定位的元素上才起作用。

3.绝对定位

position:absolute;子容器相对于父容器的定位,如果没有父容器,则相对于body定位。

4.fixed固定定位

position:fixed;也是相对定位,相对于窗口的