CSS中position属性

机构:广美教育 时间:2016-07-14 点击:923

  position 设置为 relative 的时候,元素依然在普通流中,位置是正常位置,你可以通过 left right 等移动元素。会影响其他元素的位置。

  而当一个元素的 position 值为 absolute 或 fixed 的时候,会发生三件事:

  把该元素往 Z 轴方向移了一层,元素脱离了普通流,所以不再占据原来那层的空间,还会覆盖下层的元素。

  该元素将变为块级元素,相当于给该元素设置了 display: block;(给一个内联元素,如 ,设置 absolute 之后发现它可以设置宽高了)。

  如果该元素是块级元素,元素的宽度由原来的 width: 100%(占据一行),变为了 auto。

  由此观之,当 position 设置为 absolute 或 fixed,就没必要设置 display 为 block 了。而且如果你不想覆盖下层的元素,可以设置 z-index 值 达到效果。

  想了解更多网页知识,请访问广州网页设计培训机构

下一篇:css3动画特效
免费试听

免费体验课开班倒计时

11: 59: 59

稍后会有专业老师给您回电,请保持电话畅通

咨询电话:15893081958
陈老师 QQ:3429316823
返回顶部