我通常會創建一個包含div（模擬錶行），然後爲特定列（模擬表數據）分區。

<div class="container"> 
    <div class="left-column column"></div> 
    <div class="right-column column"></div> 
</div>

然後使相對定位在容器：該容器內

.container { position: relative }

這允許絕對定位元素。然後，我們可以使用一些絕對定位的好處伸展列的div：

.column { position: absolute; top: 0; bottom: 0; }

然後，你會希望把左邊的左邊的列和右側的右列：

.left-column { left: 0; } 
.right-column { right: 0; }

其他（造型）取決於你，我認爲應該這樣做。

編輯：證據的概念

我寫的概念代碼證明了這一點，如下所示：

<html> 
    <head> 

     <style type="text/css"> 
      .container { height: 200px; width: 200px; position: relative; border: 5px solid red; } 
      .left-column { width: 100px; background-color: blue; left: 0; } 
      .right-column { width: 100px; background-color: yellow; right: 0; } 
      .column { position: absolute; top: 0; bottom: 0; } 
     </style> 

    </head> 
    <body> 
     <div class="container"> 
      <div class="left-column column"></div> 
      <div class="right-column column"></div> 
     </div> 
    </body> 
</html>

這使得爲：

alt text