html - CSS 表格列宽 : fixed - dynamic(30%) - dynamic(70%) - fixed

Question

我设法获得了这种表格布局:

固定-动态(50%)-动态(50%)-固定

http://jsfiddle.net/ihtus/ksucU/

但是我怎样才能得到这种东西呢？固定-动态(30%)-动态(70%)-固定

这是我的 CSS:

table {
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
}

td {
    border: 1px solid #333;
}

Answer 1

像这样:

<table>
    <tr>
      <td style="width:200px;">
        200px width - content
      </td>
      <td width="30%">
        dynamic width - content
      </td>
      <td width="70%">
        dynamic width - content
      </td>
      <td style="width:100px;">
         100px width - content
      </td>
    </tr>
  </table>

table {
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
}

td {
    border: 1px solid #333;
}

http://jsfiddle.net/7dSpr/