位置绝对不在位置固定内工作

Question

<div id="main" style="position: fixed">
   <div id="inner" style="position: absolute">
   </div>
</div>

无论main和inner集装箱服用position: fixed。如何制作内部容器position:absolute和主容器position:fixed？

Answer 1

在元素上使用、或定位时，您需要定义top、、 或属性。rightbottomleftfixedrelativeabsolute

#main {
  background: #000;
  position: fixed;
  height: 300px;
  width: 200px;
  left: 20px;
  top: 10px;
}
#inner {
  background: #f00;
  position: absolute;
  height: 100px;
  width: 100px;
  left: 10px;
  top: 10px;
}

<div id="main">
   <div id="inner">
   </div>
</div>