CSS定位position

来源:互联网 发布:软件著作权转让协议 编辑:程序博客网 时间:2024/06/11 20:14

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

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