當我單擊圖示時，我試圖讓https://vscode.dev/彈出并占據整個頁面，但它似乎只占據頁面的頂部。我怎樣才能解決這個問題？
var div = document.getElementById("content");
while(div.firstChild) {
div.removeChild(div.firstChild);
}
document.getElementById("vscode").height = "100%";
document.getElementById("vscode").width = "100%";
}```
uj5u.com熱心網友回復：
默認情況下，元素不是 100% 高度，子元素取決于父高度。
html因此，如果您希望孩子的高度為 100%，則需要將包括和元素在內的父母的高度設定body為 100% 高度。
html, body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
#vscode {
width: 100%;
height: 100%;
border:0
}<iframe src="https://vscode.dev/" id="vscode"/>此外，您可以使用 100vh
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/418305.html
標籤：