1、属性
例:position:absolute;
static 自动定位(默认定位方式)
relative 相对定位
absolute 绝对定位,相对于其上一个已经定位的父元素进行定位(不占位置)
fixed 固定定位,相对于浏览器窗口进行定位(不占位置)
2、relative
相对于元素本身的位置进行移动(不脱流)
3、absolute
a:当没有父元素或父元素没有定位元素时,相对于窗口定位(脱流)
b:当父元素有定位元素时,相对于父元素移动(脱流)
c:所有的元素都可以设置宽度和高度
d:一般用与小图标的定位
4、fixed
a:相对于窗口定位
b:脱离标准流
c:所有的元素都可以设置宽度和高度
d:一般用于页面侧栏小广告
5、z-index
当有多个元素同时定位时,区分显示顺序(值为正整数)
z-index:10;
6、位移
配合:top、 left、 right、bottom使用
.contain{
position: fixed;
top: 10px;
left: 10px;
z-index:10;
}
304

被折叠的 条评论
为什么被折叠?



