定位问题

定位:
根据项目需要 通过相关方法 让元素显示位置发生偏移
定位的方式:
static   默认
relative 相对定位
absolute 绝对定位
fixed 固定定位
注意:
只有元素采用了定位;top left right bottom z-index 才可以使用
普通元素是没有这些样式的
定位属性基本配合浮动一块使用

2.相对定位

相对定位的特点:
1:如果你仅仅给元素添加了一个相对定位,这个元素显示的位置不会发生任何变化
2:相对定位是相对于元素之前的位置进行的;
3:相对定位的元素,之前现实的空间位置保留
4:z-index 可以调整元素在Z轴的显示位置,值越大越靠前
最大值是1000;

3绝对定位

绝对定位的显示特点;
1:找一个离它最近的,并且使用了定位的父元素来进行定位;
如果父元素没有定位,继续往上找上级父元素;直到HTML;
2:之前占用的空间不会保留
3:如果你想给一个元素添加绝对定位,最好的办法是找到这个元素的
直接父元素给这个父元素添加一个相对定位;

4固定定位

固定定位:相对于整个屏幕进行定位
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值