固定液柱表

Question

<table> 
    <tr> 
    <td>Fixed-Width Column: 250px</td> 
    <td>Fluid Width Column: remaining width</td> 
    </tr> 
</table> 

我沒有創造有這樣的頁面佈局，我需要使用表。有什麼方法可以實現這個跨瀏覽器？我已經在這個項目上使用jQuery了，如果有幫助的話？

Answer 1

<table width="100%"> 
    <tr> 
    <td width="250">Fixed-Width Column: 250px</td> 
    <td width="*">Fluid Width Column: remaining width</td> 
    </tr> 
</table> 

另外，你可以把樣式信息放到你的css中。這樣做的HTML看起來像：

<table class="styletable"> 
    <tr> 
    <td class="navigation">Fixed-Width Column: 250px</td> 
    <td class="maincontent">Fluid Width Column: remaining width</td> 
    </tr> 
</table> 

的CSS將是：

.styletable { 
    width: 100%; 
} 

.navigation { 
    width: 250px; 
} 

的搜索Maincontent將自動獲得其餘的寬度。

您可以使用基於<div>的佈局實現相同的結果。在html：

<div> 
    <div class="navigation">Fixed-Width Column: 250px</div> 
    <div class="maincontent">Fluid Width Column: remaining width</div> 
</div> 

和CSS：

.navigation { 
    width: 250px; 
    float: left; 
} 

.maincontent { 
    margin-left: 260px; 
} 

Answer 2

好了，想通：

<table> 
    <tr> 
    <td width="250px">Fixed-Width Column: 250px</td> 
    <td>Fluid Width Column: remaining width</td> 
    </tr> 
</table> 

我還不知道，如果它的跨瀏覽器。