简述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;也是相对定位,相对于窗口的
一、 常规流式布局
元素按照自身的常规显示方式显示,有两个特点:
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;也是相对定位,相对于窗口的
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询