CSS流體和固定柱

Question

我有桌子，例如：

<table>
 <tr>
  <td>
  </td>
  <td>
  </td>
  <td class="fixed">
  </td>
 </tr>
</table>

例如，我的表格寬度是800px。

前兩列都必須是流動的，但最后一列是固定的...

我該怎么辦？

如果我的前兩列很小，那該怎么辦？ 如何固定固定在右邊？ （高度也是可變的）

Answer 1

• <table>獲取table-layout: fixed ; 這將使第三列保持其固定寬度

• 該表還會獲得max-width: 800px和width: 100% ； 它將調整大小

• 我們在表中放置三個<col>元素來代表列； 第三列的width: 250px

完整的例子

 table { table-layout: fixed; max-width: 800px; width: 100%; } .fixed { width: 250px; } td { padding: 10px; border: solid 1px #000; } 

 <table> <col> <col> <col class="fixed"> <tr> <td> </td> <td> </td> <td> </td> </tr> </table>