给表格单元格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; 

}