用position:fixed,相对于父级怎么定位?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用position:fixed,相对于父级怎么定位?相关的知识,希望对你有一定的参考价值。

position:fixed 固定定位是相对于屏幕定位的。
你要想相对于父级定位,可以用绝对定位,也是可以的。
绝对定位可以和滚动条相配合就可以做到。
参考技术A fixed定位,只能相对于浏览器窗口定位

position inherit 定位

inherit  继承父元素   定位

举例  :

<div class="father">

  <p></p>

</div>

div{

  position:fixed;

  left:0;

  top:0;

}

p{

  position:inherit;//继承了父元素的fixed;此时就会相对于浏览器定位;不会相对于父元素定位,阿懂?

  left:10000px;

  top:1000px;

}

以上是关于用position:fixed,相对于父级怎么定位?的主要内容,如果未能解决你的问题,请参考以下文章

38.相对于父元素的fixed定位的实现

让一个元素相对于父元素固定定位

格式与布局

9。11

position inherit 定位

dispaly属性,position属性