Question

我试图创建一个全屏网站，也是响应式的，但在较小的屏幕上，容器中的元素溢出使其不是100％，这取决于其中的项目数量。使用：

top:100%; position:relative; width:100%; height:100%

只有在屏幕尺寸特定的情况下，才能在使用它的移动设备上工作，并且在前一个容器上显示为一半。有没有办法从元素的底部而不是顶部定位？

更新：没关系发现一个非常糟糕但工作正常的解决方案。

Answer 1

我很确定你真的希望position:absolute有一个相对于它的另一个div。你没有正确地说出这个问题。 position:relative设置其子项可以position:absolute的点，这是您要使用top之类的地方。这是您需要查看的结构：

<强> HTML

<div class='surround'>
  <div class='inside'>
    <div class='outer'>
      <div class='inner'>
      </div>
    </div>
  </div>
</div>

<强> CSS

.surround{
  position:relative;
}
.inside{
  height:100px; width:100px; position:absolute; top:100px; left:100px;
}
.outer{
  height:100px; width:100px; position:relative;
}
.inner{
  position:absolute; top:30px; left:10px;
}

相对于另一个静态的div位置

1 个答案: