14

私はいくつかのテーブルを手に入れました<td>：

<table>
 <tr>
  <td>First</td>
  <td>Second</td>
  <td style="padding:20px;">
      <div>
        Third
      </div>
  </td>
 </tr>
</table>

私がやりたいことは、「3 番目」<td>(div 付き) をテーブルの右側に配置し、「1 番目」と「2 番目」<td>を左側に配置することです。

のスタイルは私にfloat:right;はうまくいきませんでした...

4

5 に答える 5

6

問題は、デフォルトで a の幅が<table>そのコンテンツによって決定されることです。<table>ブロックレベルの要素のように (それを含むブロックの) 100% の幅に広げたい場合は、追加table-layout: fixed;してから幅を指定するか、目的に応じて単に幅を指定することができます。

table {
   width: 100%;
}

http://jsfiddle.net/QEaAd/2/

于 2013-07-30T19:11:30.940 に答える