子绝父相

这个“子绝父相”太重要了,是我们学习定位的口诀,时时刻刻记住的。

这句话的意思是 子级是绝对定位的话, 父级要用相对定位。

首先, 我们说下, 绝对定位是将元素依据最近的已经定位绝对、固定或相对定位)的父元素(祖先)进行定位。

就是说, 子级是绝对定位,父亲只要是定位即可(不管父亲是绝对定位还是相对定位,甚至是固定定位都可以),就是说, 子绝父绝,子绝父相都是正确的。

但是,在我们网页布局的时候, 最常说的 子绝父相是怎么来的呢? 请看如下图:

CSS - 子绝父相

所以,我们可以得出如下结论:

因为子级是绝对定位,不会占有位置, 可以放到父盒子里面的任何一个地方。

父盒子布局时,需要占有位置,因此父亲只能是 相对定位.

这就是子绝父相的由来。

相关文章:

  • 2022-12-23
  • 2020-01-19
  • 2021-12-03
  • 2022-12-23
  • 2021-11-17
  • 2022-01-06
  • 2022-12-23
猜你喜欢
  • 2021-10-20
  • 2018-12-17
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-08-21
相关资源
相似解决方案