cap*_*rad 3 html css position css-position
这应该是一个非常简单的.我需要'橙色'div来始终覆盖100%宽度和100%高度.
在那个div中我需要'green'div来填充它的父级的100%宽度和高度,'orange'div.
此外,"橙色"div内部总是需要10px的"填充".
调整窗口大小时,每个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>