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; 
} 

父元素不能有「位置：相對」指定爲此工作。