盒子定位

一、relative-相对定位

1、使用相对定位的盒子,会相对于它在原来的位置,通过偏移指定的距离,到达新的位置。

2、使用相对定位的盒子仍在标准流中,它对你块和兄弟盒子没有任何影响。

二、absolute-绝对定位

1、使用绝对定位的盒子以它的“最近”的一个“已经定位”的“父元素”为基准进行偏移。如果没有已经定位的父元素,那么会以浏览器窗口为基准进行定位。

2、绝对定位的框从标准流中脱离,这意味着它们对其后的兄弟盒子的定位没有影响,其他的盒子就好像这个盒子不存在一样。

3、如何设置了绝对定位,而没有设置偏移属性,那么它仍将保持在原来的位置。这个性质可以用于需要使某个元素脱离标准流,而仍然希望它保持在原来的位置的情况。

三、fixde-固定定位

与绝对定位有些类似,区别在于定位的基准不是你元素,而是浏览器窗口或者其他显示设备的窗口。

四、z-index-Z轴定位

用于调整定位时重叠地上下位置。

五、display属性

以确定盒子的类型:inline(行内)  block(块)  none(隐藏) 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值