我有一个 100% 高度的容器，效果很好
我希望客户端内容为 80%
我希望它像这样
Example http://img545.imageshack.us/img545/2822/exmapler.png
这是我的页面 HTML 和 CSS
CSS
*
{
padding: 0;
margin: 0;
}
html, body
{
height: 100%;
}
#container
{
min-height: 99%;
border-color: #36A9E9;
border-width: thin;
border-style: solid;
width: 85%;
margin: 0 auto;
background-color: ThreeDFace;
}
* html #container
{
height: 100%;
}
#ClientContent
{
min-height: 80%;
border-color: #36A9E9;
border-width: thin;
border-style: solid;
width: 100%;
margin: 0 auto;
background-color: ThreeDFace;
}
HTML
<body>
<form id="container" runat="server">
<div id="ClientContent">
</div>
</form>
</body>
请提出任何想法？
最佳答案
这似乎有效 here
*
{
padding: 0;
margin: 0;
}
html, body
{
height: 100%;
}
#container
{
position: relative;
min-height: 99%;
border-color: #36A9E9;
border-width: thin;
border-style: solid;
width: 85%;
margin: 0 auto;
background-color: ThreeDFace;
}
* html #container
{
height: 100%;
}
#ClientContent
{
position: absolute;
height: 80%;
border-color: #36A9E9;
border-width: thin;
border-style: solid;
width: 99.6%;
margin: 0 auto;
background-color: ThreeDFace;
}
关于html - 内部div高度CSS，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6097740/