如何使div扩展到页面右侧和页面底部

Question

我需要创建一个div，其左上角与其父div的左上角对齐，右侧与页面的右边缘对齐，底部与页面底部对齐。有谁知道如何用CSS完成这项工作？

Answer 1

<div>本身在哪里？

如果您将父级置于绝对位置，则可以使用vh和vw单位实现此类目标;

div.parent{
  position: absolute;
   top: 10vh;
   left: 10vw;
}

div.child{
  position: absolute;
  top: 0;
  left: 0;
  width: 90vw; // Remainder of viewport width
  height: 90vh; // Remainder of viewport height
}

这会使div.child与div.parent的左侧对齐，但会拉伸浏览器的长度和高度。

如果你希望这是计算出来的东西，你理想的是想要使用javascript / jQuery。