如何设置高度自动 CSS 属性？答案

【问题标题】：How to set height auto CSS property?如何设置高度自动 CSS 属性？
【发布时间】：2011-07-22 04:46:35
【问题描述】：

这是一个在 asp.net 中的 CSS 问题。
我有一个被容器 div 包围的页面。这包含div#contenthome，其中包含div#flashhome。

#Container 和 #contenthome 高度属性设置为自动。但是当我增加#flashhome 高度时，#container 和#contenthome 高度不会相应改变。如何根据#flashhome高度自动增加和减少#container和#contenthome高度。

#container {
    width: 750px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    border:1px;
    border-color: #b7b7b7;
    border-style: solid;
}
#contentHome {
    width: 750px;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
}
#flashHome {
    float: left;
    display: block;
    width:485px;
    height: 255px;
    margin-left: 15px;
    margin-top: 5px;
}

【问题讨论】：

标签： asp.net css c#-4.0

【解决方案1】：

你应该在 div flashHome 之后有一个带有 clear:both 的 div -

<div id="flashHome">
......
</div>
<div style="clear:both"></div>

【讨论】：

【解决方案2】：

将高度设为 100%，如下所示：

container 
{
   width: 750px;
   height: 100%;
   margin-left: auto;
   margin-right: auto;
   position: relative;
   border:1px;
   border-color: #b7b7b7;
   border-style: solid;
}
contentHome 
{
   width: 750px;
   height: 100%;
   position: relative;
   display: block;
   overflow: hidden; 
}

【讨论】：