position

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;
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值