定位:把一个元素,按照一定的方式设置在页面的摸一个位置;
position
1、相对定位 relative
针对自己本身的位置进行定位;
2、绝对定位 absolute
针对有定位的父级的原点进行定位;父级无定位针对父级的父级...;如果都没有针对document;
温馨提示:绝对定位即使没有初始值,也一定要设置值;(left:0px; top:0px;)
3、固定定位 fixed
针对页面窗口进行定位;
温馨提示:IE6,不支持固定定位;
偏移量
left、top、right、bottom
温馨提示:left、top优先级高于right、bottom;
三种定位的特性:
相对定位 relative
1、不影响元素本身的特性;
2、不使元素脱离文档流;
3、提升层级;
4、无法触发BFC;
5、针对自己本身进行定位;
绝对定位 absolute
1、会使元素完全脱离文档流;
2、内容撑开宽度和高度;
3、使元素支持所有的css样式;
4、提升层级;
z-zoom:数值;定位层级设置;(数值越大,层级越高)
5、绝对定位要和相对定位配合使用;
6、如果有定位父级,针对定位父级发生偏移,没有定位父级,针对document进行偏移;
7、如果绝对定位的子级有浮动,可以省略清浮动(BFC)操作;
固定定位 fixed
1、针对窗口进行定位
2、不支持IE;
3、如果固定定位的子级有浮动,可以省略清浮动(BFC)操作;
派生选择器:
是由id选择器、class选择器、标签名选择器组合而成;
根据选择器优先级精确控制标签;
比如可以假设:id选择器:10000、class选择器:100、标签名选择器:1;
网友评论