css中position(fixed定位与 relative 定位的区别)

  CSS中position的定位主要分为静态定位,相对定位,绝对定位和固定定位,属性值分别为:static,relative,absolute,fixed。

image.png

  元素的位置通过 "left","top","right","bottom" 属性进行设置,优先级为:top>bottom,left>right。

  在css中div定位方式有哪几种?

  1、position:absolute; 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。

  2、position:fixed; 生成绝对定位的元素,相对于浏览器窗口进行定位。

  3、 position:relative; 生成相对定位的元素,相对于其正常位置进行定位。

  4、position:static; 默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。

  5、position:inherit; 规定应该从父元素继承 position 属性的值。


发表评论

评论列表

还没有评论,快来说点什么吧~