HTML div高度自動

我有一個要求，在TR裏面，我會有三個TD。第一個TD和第三個TD應該是可滾動的，第二個TD是標尺第一個和第三個分開的圖像（類似於使用框架）HTML div高度自動

沒有在第一個TD上設置高度，滾動不起作用，也影響第三個TD的高度。如何使高度自動。高度應該是窗戶高度的高度（我會最大化和最小化窗口）。已經粘貼下面的代碼片段

在下面的模式中，我特別提到了高度，我不想這樣做。我希望它都會自動設置，但有相同的結果

<td width="55%">        
    <div style="height:350px;overflow:auto"> 
     <table cellspacing="0" cellpadding="0" border="0"> 
      <tr> 
       <td> 
        <%=passageText%> 
       </td> 
      </tr> 
     </table> 
    </div> 
</td> 
<td> 
    <img src="/Images/reads/rulerVertical.gif" width="3" height="400" border="0"/> 
</td> 
<td> 
    HERE I WILL PLACE THE STUFFS OF THIRD TD 
</td>

來源

2012-01-02 Arun

爲什麼你的佈局，表格元素，而不是浮動的div？ – bekay 2012-01-02 12:57:59

隨着浮動DIV應該是更容易：

<html> 
<head> 

<style type="text/css"> 
<!-- 
body { 
    margin:0; 
    padding:0; 
    height:100% 
} 
#div1 { 
    height:100%; 
    width:50%; 
    overflow:auto; 
    display:inline-block; 
    float:left; 
    background:#6666CC; 
} 
#div2 { 
    height:100%; 
    width:45%; 
    overflow:auto; 
    display:inline-block; 
    background:#6666CC; 
    margin-left:5%; 
} 
--> 
</style> 

</head> 
<body> 

<div id="div1"> 
</div> 

<div id="div2"> 
</div> 

</body>

來源

2012-01-02 13:12:03 bekay

感謝您的建議。 :-) – Arun 2012-01-11 18:41:49

HTML div高度自動

回答

相關問題