这应该是一个非常简单的。我需要“橙色”div 始终覆盖 100% 宽度和 100% 高度。
在该 div 中，我需要“绿色”div 也填充其父级“橙色”div 的 100% 宽度和高度。
此外，“橙色”div 内始终需要有 10 像素的“填充”。
调整窗口大小时，每个 div 必须分别“调整大小”，这样就没有滚动条了。
最佳答案
第一种方式:
#hold {
position:absolute;
top:0px;
left:0px;
bottom:0px;
right:0px;
background:orange;
padding:10px;
}
#held {
position:relative;
width:100%;
height:100%;
background:green;
}
第二种方式:
#hold {
position:absolute;
top:0px;
left:0px;
bottom:0px;
right:0px;
background:orange;
}
#held {
position:absolute;
top:10px;
left:10px;
bottom:10px;
right:10px;
background:green;
}
编辑:我能想到的实现我认为在评论中要求的布局的唯一方法如下:
<html style="height: 100%;">
<body style="height: 100%;">
<table style="height: 100%; width: 100%; border: 10px solid orange; background-color: green;">
<!-- etc... -->
</table>
</body>
</html>
关于html - div 在另一个 div 中(css 定位)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10113359/