另一个div内的div（css定位）

Question

这应该是一个非常简单的。 我需要'橙色'div来始终覆盖100％宽度和100％高度。

在那个div中，我需要'green'div来填充它的父级的100％宽度和高度，'orange'div。

此外，“橙色”div内部总是需要10px的“填充”。

调整窗口大小时，每个div必须分别“调整大小”，以便没有滚动条。

Answer 1

第一种方式：

#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>

Answer 2

我相信你在找这样的东西？

#hold {
position:fixed;
background:orange;
width:100%;
height:100%;
padding:10px;
}
#held {
position:relative;
width:100%;
height:100%;
background:green;
}

另一个div内的div（css定位）

问题描述

2 个解决方案

解决方案1
7 已采纳 2012-04-11 20:34:31

解决方案2
0 2012-04-11 20:31:31

另一个div内的div（css定位）

问题描述

2 个解决方案

解决方案1 7 已采纳 2012-04-11 20:34:31

解决方案2 0 2012-04-11 20:31:31

解决方案1
7 已采纳 2012-04-11 20:34:31

解决方案2
0 2012-04-11 20:31:31