☰

質問するのoverflow:scroll;

tag-icon • tag-icon html css scroll html-table css-tables
質問するのoverflow:scroll;

CSS プロパティはoverflow:scroll;では機能する<td>のに、 ではoverflow:hidden;機能しないのはなぜですか?

<table border="1" style="table-layout:fixed; width:100px">
  <tr>
    <td style="overflow:scroll; width:50px;">10000000000000000000000000000000000</td>
    <td>200</td>
    <td>300</td>
  </tr>
</table>

CSS仕様より1、2、その理由は分かりません。

ベストアンサー1

これを div でラップする必要があります。これで動作します:

<table border="1" style="table-layout:fixed; width:500px">
  <tr>
    <td style="width:100px;"><div style="overflow:scroll; width:100%">10000000000000000000000000000000000</div></td>
    <td>200</td>
    <td>300</td>
  </tr>
</table>

おすすめ記事