如此示例所示，最里面的div标记的高度和宽度设置为浏览器窗口的高度和宽度。如何设置相同元素的高度和宽度，而无需通过css或内联样式属性设置其所有父元素的高度和宽度。设置最内层html元素的高度和宽度

<!DOCTYPE html> 
 
<html style="width:100%;height:100%;"> 
 

 
    <head> 
 
    <link rel="stylesheet" href="style.css"> 
 
    <script src="script.js"></script> 
 
    </head> 
 

 
    <body style="width:100%;height:100%;"> 
 
    <div style="wiidth:100%;height:100%;"> 
 
     <div style="width:100%;height:100%;"> 
 
     <div style="border: 2px solid #000000;width:100%;height:100%;">Innermost Div</div> 
 
     </div> 
 
    </div> 
 
</body> 
 
</html>

来源

2015-09-27 wonderful world

您可以简单地使用：

position: absolute; 
top: 0; 
bottom: 0; 
left: 0; 
right: 0;

或使用：

position: absolute; 
width: 100%; 
height: 100%;

见工作片段：

<div> 
 
    <div> 
 
    <div style="border: 2px solid #000000; width:100%; height:100%; position: absolute;">Innermost Div</div> 
 
    </div> 
 
</div>

来源

2015-09-27 15:54:29

是啊...作品... –

什么？我不确定你对“协议”的含义是什么！ @GRC。 –

我认为你可以使用：

div_name {宽度：100wv;高度：为100Wh;}

WV ==> wievport宽度

WH ==> wievport高度

来源

2015-09-27 16:08:13

这是一个很好的例子，不幸的是我发现这可以在一些浏览器上工作，而不是在其他浏览器上工作。 – 2015-09-27 16:21:08

要回答你的问题：

％==>定义高度的百分比包含区块

所以高度= 100％你不能这样做，因为100％与父块相关，但你可以用px，em，wh和vw来完成。我会做的是将身高设置为最小高度，并将大多数内部div最小高度设置为相同高度。

边注：您不需要在body元素上做height = 100%和width = 100%。它们已经是100％的默认值。

来源

2015-09-27 16:20:33

设置最内层html元素的高度和宽度

回答

div_name {宽度：100wv;高度：为100Wh;}

相关问题