【CSS】position属性

设置position属性后,需要搭配left、right、top、buttom使用,否则不会出现表现效果。

absolution

绝对定位。
脱离文档流,原本的位置被其他元素(下面)所替代。
设置左右值时,根据原本所在文档流的位置变化。
非块级元素设置该属性值后,会被处理为块级元素(也就是说,对它设置长宽会起作用)。

relative

相对定位。
不脱离文档流,原本的位置会空着。
设置左右值时,根据原本所在文档流的位置变化。
非块级元素设置该属性值后,不会影响显示效果。

fixed

固定定位。
脱离文档流,原本的位置被其他元素(下面)所替代。
设置左右值时,参照对象是窗口(整个浏览器)。
非块级元素设置该属性值后,会被处理为块级元素(也就是说,对它设置长宽会起作用)。
当滑动页面时,它会一直固定初始化的位置。

实际应用

多数情况下都会relative和fixed属性值。而且常常会两者搭配一起使用来制作固定在顶部的导航、图片文字居中、制作滑动图片放大效果等。单独使用fixed制作网页小广告。

内容是结合自己的上机后思考所表达,不足请指出。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值