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

宽度总是aplies关于父元素。你可以使用绝对定位来让该特定元素“离开”其父元素（就定位和流动而言），并将其设置为100％。尽管如此，它可能并没有结束你想要的视觉效果。

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

父元素不能有“位置：相对”指定为此工作。