実現したいこと
親の要素の幅がmax-width:1200pxとなっているとき、
子孫要素にあるテーブルの幅が1200pxを超えているときにoverflow:autoとしているのですが、スクロールバーが出てきません。
どのようにしたら出てきますか？
前提
ここに質問の内容を詳しく書いてください。
（例）
TypeScriptで●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。
発生している問題・エラーメッセージ
エラーメッセージ
該当のソースコード
html
1<!DOCTYPE html>2<html>3<head>4 <meta charset="UTF-8">5 <title>ページタイトル</title>6</head>7<body>8 9 <div style="max-width:1200px;width:auto;margin:0 auto;background-color:red;">10 <div>11 <div>12 <table>- 13 <tr style="background-color:pink;">14 <th style="width:300px;">カラム1</th><th style="width:300px;">カラム2</th><th style="width:300px;">カラム3</th>15 <th style="width:300px;">カラム4</th><th style="width:300px;">カラム5</th><th style="width:300px;">カラム5</th><th style="width:300px;">カラム5</th>16 17 </tr>18 </table>19 </div>20 </div>21</div>22 23</body>24</html>
css
1.container{2max-width:1200px;3width:auto;4margin: 0 auto;5}6th{7 width:300px;8}
試したこと
ここに問題に対して試したことを記載してください。
補足情報（FW/ツールのバージョンなど）
ここにより詳細な情報を記載してください。
0 コメント