動態頁面高度指定

我必須創建一個將顯示控件模板的asp.net mvc頁面。控件將從xml文件中獲取。我的問題是沒有確切數量的控件，因此，我需要動態頁面高度。我們的網站背景是藍色，並且顯示頁面是白色的。當我將控件寫入頁面時，如果有很多控件，那些控件在藍色背景上重疊。我已經分配了「身高：85％」，「身高：自動」，但是，它不會改變。我的CSS文件是這樣的。動態頁面高度指定

#main-content 
{ 
padding:0px 0px 25px; 
width:747px; 
position:relative; 
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
height:85%; 
}

Html文件如下所示。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head id="ctl00_Head1"> 
<link href="../Content/customize.css" rel="stylesheet" type="text/css" /> 
</head> 
<body> 
    <div id="main-content">   
<div> 
    <div style='left:20px;top:80px; position:absolute;' >Name</div> 
    <div style='left:80px;top:80px; position:absolute;' ><input id='Text1' type='text' value='Mr.Temp'/></div> 
    <div style='left:20px;top:210px; position:absolute;' ><input id='Chk1' type='checkbox' value='Check One' checked/>Check One</div> 
    <div style= 'left:20px;top:340px; position:absolute;' ><input id='Radio1' type='radio' value='OptionOne' />OptionOne</div> 
    <div style='left:260px;top:80px; position:absolute;' ><image id='image1'/></div> 
    <div style= 'left:118px;top:340px; position:absolute;' ><input id='Radio1' type='radio' value='OptionTwo' checked/>OptionTwo</div> 
    <table border='1' style='width:400px;'><caption>TempTable</caption> 
    <tr align='left' valign='top'> 
    <th align='left' valign='top'>Name</th> 
    <th align='left' valign='top'>Age</th> 
    <th align='left' valign='top'>Address</th></tr> 
    <tr align='left' valign='top'> 
     <td align='left' valign='top'>Mr.A</td><td align='left' valign='top'>30</td><td align='left' valign='top'>TownshipA</td></tr> 
    <tr align='left' valign='top'> 
     <td align='left' valign='top'>Mr.B</td><td align='left' valign='top'>40</td><td align='left' valign='top'>TownshipB</td> 
    </tr><tr align='left' valign='top'> 
     <td align='left' valign='top'>Mr.C</td><td align='left' valign='top'>50</td><td align='left' valign='top'>TownshipC</td></tr> 
</div> 
    </div> 
</body> 
</html>

請給我正確的方式與一些例子。

問候
悠

來源

2011-02-24 Indi

我們可以看到相關的HTML嗎？ – Kyle 2011-02-24 09:17:54

是的，你可以，我張貼它。謝謝。 – Indi 2011-02-24 09:39:32

任何人，請幫助我... – Indi 2011-02-24 11:00:23

的問題是你的絕對定位。

絕對定位的元素不會將身體填充到任何高度。

來源

2011-02-24 14:16:14 jfar

動態頁面高度指定

回答

相關問題