Question

我的容器高度为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>

请提出任何想法？

Answer 1

这似乎有效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;
}

Answer 2

添加#Clientcontent {height:80%}

Answer 3

您只需将垂直对齐方式置于顶部即可。把它放在#ClientContent上。我不确定这是不是真正缺少的。尝试添加最大高度：80％。像这样：

#ClientContent
{
max-height:80%;
vertical-align:top;
min-height: 80%;
border-color: #36A9E9;
border-width: thin;
border-style: solid;
width: 100%;
margin: 0 auto;
background-color: ThreeDFace;
}

内部div高度css

3 个答案: