Div與固定高度

我正在處理舊代碼，因此我無法進行更多結構更改（例如刪除表格），請記住，請在回答時記住這一點。Div與固定高度

我的問題是我有一些嵌套表，我把一個div放在一個列內。 div使用複選框和標籤填充，根據查詢結果（使用AJAX製作），使用JavaScript動態創建。問題是DIV越來越大，以適應內容，這是搞亂我的整個佈局。

<table border = "0" width="470px"> 
    <tr> 
    <td height="10px"> 
     <table> 
    <tr> 
      <td width="200px">          
     <font class="section_font"> 
      <label id="feedbackLabel">Metadata name:</label> 
     </font> 
     </td> 
     <td align="right" width="170px"> 
     <font class="section_font"> 
      <input id="selAllCheckbox" type="checkbox" onclick="doSelectAll()"> 
       <label id="selAllCheckboxLabel">Select all</label> 
     </font> 
      </td> 
    </tr> 
     </table> 
    </td> 
    </tr> 
    <tr> 
    <td height="100px"> 
     <div id="metadata_names" style="overflow:auto; border: 0px solid gray"> 
     </div> 
    </td> 
    </tr> 
</table>

PS。我已經找到了解決方法：在div中添加新對象後，我再次調整DIV的大小：myDiv.style.height =「100px」; 無論如何，我會嘗試你的解決方案。

PS1。這兩個解決方案的工作。但是，我將使用Umesh建議的內容，因爲它提供了與頁面中其他內容的明確隔離。

來源

2013-01-14 GeorgeVremescu

你想做什麼？在不影響其他元素的情況下使div更大？使用'float：left'或'overflow：scroll'。 – ATOzTOA

不，我需要我的DIV有一個固定的高度，無論我放入多少物體。 – GeorgeVremescu

，務必格的樣式屬性的高度 - 100％，所以它會按照最大高度的它的父即TD你的情況。如果您想要內容水平和/或垂直滾動，您還可以包含「溢出：滾動」。

來源

2013-01-14 08:39:56 Umesh

使用div容器併爲其指定一個類。確保你在這個div內填充你的日期。然後使用CSS爲它指定一個固定的高度。

HTML：

<div class="container"> 
    <!-- Your data --> 
</div>

CSS：

.container{ 
    height: 123px; 
    overflow: scroll;  
}

來源

2013-01-14 07:10:13

Div與固定高度

回答

相關問題