Q&A
実現したいこと
親の要素の幅が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/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
下記のような回答は推奨されていません。
このような回答には修正を依頼しましょう。