CSS定位position

            position属性的值可以是(当对元素设置了position属性后它的宽度是它包含内容的宽度):

  • static:元素框正常生成。块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素中。“top”、“'right”、“'bottom'”、和“'left”属性不会被应用。
  • relative:相对普通流中正常的位置偏移,本身的形状是不会变化的。而它后面的元素的位置则是以它偏移前的为基准。随即拥有偏移属性和index-z属性。当对跟table有关的元素设置给值时是不会产生如何效果的。这种定位实际上被看作普通流定位模型的一部分,因为元素的位置相对于它在普通流中的位置。
  • absolute:元素框从文档流完全删除,这意味着它的兄弟元素不会受影响。相对于其已定位的包含块定位,而绝对定位元素的包含块的定义与其他元素的包含块有点不同。绝对定位元素的包含块是由距离它最近的、且被定位的上级元素,也就是在它外面最接近它的position属性值为absolute、relative或fixed的父级元素。如果不存在这样的父级元素,那么默认包含块就是浏览器窗口本身。
  • fixed:元素框的表现类似于将 position 设置为 absolute,不过其包含块是视窗本身。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值