css第五节(1)

作者: 下页luck | 来源:发表于2017-03-06 23:49 被阅读9次

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、三列自适应布局

浮动方式 :左部:左浮动+右部:右浮动+中间

绝对定位方式:子决父相

相关文章

网友评论

    本文标题:css第五节(1)

    本文链接:https://www.haomeiwen.com/subject/odiegttx.html