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>