表TD

Question

內100％高度的div我有這個表：

<table> 
    <tr> 
     <td> 
      <div style="height: 100%">Some Content</div> 
     </td> 
     <td> 
      Some Content<br><br><br><br> 
     </td> 
    </tr> 
</table> 

<div>高度應100%內<td>，但沒有指定的<td>高度。 應該有一些簡單的解決方案。

Answer 1

JS FIDDLE EXAMPLE

您可以使用：

<td style="vertical-align:top;">Top</td> 
<td style="vertical-align:middle;">Middle</td> 
<td style="vertical-align:bottom;">Bottom</td> 
<td style="vertical-align:54%;">Custom</td> 
// More information on: http://www.w3schools.com/cssref/pr_pos_vertical-align.asp 

在表格單元格內容正確定位。然而，你仍然可以得到背景着色問題，你可能想直接申請任何顏色的表格單元格像這樣：

<td style="background-color:yellow;"></td> 

信息錶行的高度：

一個「錶行的高度一旦用戶代理將該行中的所有單元格都可用，則計算元素的框：它是 行的計算「高度」， 行中每個單元格的計算「高度」以及最小高度（ MIN）。 「高度」 「表格行」的「自動」值表示用於佈局 的行高度是MIN。 MIN取決於單元格高度和單元格對齊方式（很多 類似於線框高度的計算）。 CSS 2.1沒有定義 當使用百分比值指定高度時，如何計算表格單元格和表格行的高度。 CSS 2.1沒有定義 行組上「高度」的含義。 Source W3.org

• 我已經做了內聯CSS記得要經常單獨使用CSS樣式表。

看起來div高度限制在單元格的高度，我們可以用像素來操縱單元格高度。 100％只會給你100％的細胞最小高度，所以你必須用像素或某種形式的維度來定義它。