HTML：如何设置子元素宽度=浏览器窗口宽度？

Question

我想在整个浏览器窗口中显示我的html页面的子元素..换句话说，我想放大它并在加载后调整大小时保持与浏览器窗口相同的大小。

我想知道是否必须将此对象移到父元素之外，或者我可以使用css设置这些属性。

目前，如果我设置宽度：100％和高度：100％，它适合父（当然）而不是窗口。

感谢

Answer 1

通常最好在可能的情况下使用相对定位，并且任何大的子元素都应该等于父元素。但你总能绝对定位它：

position:absolute;
width:100%;
height:100%;
left:0px;
top: 0px;

Answer 2

宽度很容易：

width: 100%;

对于身高，你需要这样的东西：

100% Height Layout Using CSS

Answer 3

宽度始终适用于父元素。您可以使用绝对定位将该特定元素“out”到其父级（关于定位和流程，即），并将其设置为100％。但要小心，它可能不会在你想要它在视觉上结束。

.someElement {
    position: absolute;
    width: 100%;
    height: 400px;
}

父元素不能为此指定“position：relative”。