1、定位
position常用属性值:
static:自动定位,静态定位,默认定位方式
relative:相对定位,相对于文档流的位置惊进行定位
>left:30px; 相对于左边偏离30px即向右移动30px; bottom:30px;相对于下边偏离30px即向上移动30px
absolute:绝对定位
子决父相:父div中的子div右上角绝对定位,父div如果是默认定位则子div会向上找到不是默认定位的div进行定位,直到body为止,如果父div不是默认定位,比如是相对定位,则子div会以父div进行绝对定位
fixed:固定定位
position: fixed;
网页滑动不影响固定定位
2、z index的使用和页面空间Z轴的规划
z index的层叠属性
z-index:200; 没有单位 表示Z轴上200的地方,没有设置z-index的Z轴为0
3、三列自适应布局
浮动方式 :左部:左浮动+右部:右浮动+中间
绝对定位方式:子决父相
网友评论