Question

我身下直接有一个div。我的HTML看起来像这样：

<body>
 <div class="parent"></div>
</body>

我使用的CSS是：

.parent {
  border:1px solid black;
  bottom:10px;
  position:relative;
  top:100px;
  width:500px;
}

此div不会拉伸到整个视口/可用的身高。但是，如果我将位置更改为绝对位置，它会拉伸。

是否有办法让相对定位元素伸展到其容器元素高度。我尝试了100％的高度并且它可以工作，但它给了我一个垂直滚动条，因为元素位于距离TOP 100px处。

Answer 1

术语顶部，底部，左侧和右侧通常用于绝对定位。如果您希望div容器与其父容器一样大，则必须通过术语高度和宽度指定，并使用附加测量比例的百分比或整数，例如'px'。如果您担心滚动条，只需使用规则overflow:hidden;