absolute与fixed

共同点:

(1) 改变行内元素的呈现方式,display被置为block;

(2) 让元素脱离普通流,不占据空间;

(3) 默认会覆盖到非定位元素上

不同点:

absolute的”根元素“是可以设置的,而fixed的”根元素“固定为浏览器窗口。

当你滚动网页,fixed元素与浏览器窗口之间的距离是不变的。

absolute与relative

 

不同点:

 

absolute的没有设position的父级元素就参照浏览器左上角。

 

relative参照父级元素原始点,无父级参照body

 

z-index不能定义父子的上下关系,一定是子上父下

 

元素定位:

absolute、fixed(IE6不支持)、relative、static

  1. 所有的定位如果left、top、right、bottom属性都为默认值,则为默认定位
  2. absolute定位会脱离文档,浮动起来,多个层重叠可以使用z-index属性改变层叠顺序
  3. absolute定位忽略padding,相对位置为相对定位容器的左上角内边框,

 

相关文章:

  • 2021-10-10
  • 2021-06-23
  • 2021-07-21
  • 2022-12-23
  • 2021-10-17
  • 2021-11-08
猜你喜欢
  • 2022-01-15
  • 2021-07-04
  • 2022-02-01
  • 2022-12-23
  • 2021-10-12
  • 2022-12-23
相关资源
相似解决方案