2011-07-22 51 views
0

這是一個asp.net中的CSS問題。
我有一個被容器div包圍的頁面。其中包含div#contenthome,其中div#flashhome如何設置高度自動CSS屬性?

#Container and #contenthome height屬性設置爲auto。但是當我增加#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; 
} 

回答

0

你應該有明確一個div:既DIV flash首頁後 -

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

給予高度像低於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; 
}