給表格單元格1px高度的不良做法？

Question

我正在創建一個表單，我正在使用表格來創建佈局。所有表格單元格都將其內容對齊到頂部。我創建它的美麗圖畫這裏：

|--------------|----| 
|  1  | | 
|--------------| 3 | 
|    | | 
|  2  | | 
|--------------|----| 

小區1和2，通常有更多的內容，所以他們通常決定了整個平臺的高度。雖然，有時細胞3有更多的內容 - 非常多，它需要比1和2更高的高度，所以其他細胞伸展出來。這意味着單元格1底部會有一個很大的空白區域。因此，我希望單元格1始終具有最小權重，因此如果單元格3伸出表格，多餘的空間將自己置於底部的單元格3.爲了達到這個目的，我給了單元格1的CSS高度爲1px。然後它總是會嘗試擁有1px的高度，這意味着它始終具有最小的高度。

這是不好的做法？它是否適用於所有瀏覽器？

編輯：單元格3有一個1px的左邊界，我總是想跟隨頁面，直到底部。這就是爲什麼我不使用div。

Answer 1

這是很難從表中獲得這種形狀，因爲在每個小區的變化將擴大整個列 這是fiddle 相反，你可以試試這個下面的代碼。

<div id='column1'> 
    <div class='cell1'>This is content 1</div> 
    <div class='cell2'>This is content 2</div> 
</div> 
<div class='cell3'>This is content 3</div> 

和風格會

body 
{ 
    width:410px; 
    color:#fff; 

} 
div#column1 { 
    float:left; 
width:200px; 

} 
div#column1 div.cell1,div#column1 div.cell2 
{ 
    width:200px; 
    height:200px; 
    background:#333; 
    display:block; 
    margin-bottom:10px; 
} 
div.cell3 
{ 
    float:right; 
    display:block; 
    height:400px; 
    width:200px; 
    background:#00b3ff; 

}