javascript - div 内のテーブルに最大幅を無視させますか?

Question

次のコードがあります。

<div style="max-width: 100px; overflow: scroll">
  <table>...</table>
</div>

のサイズを制限したいのですdivが、テーブルを必要なだけ拡大します (つまりmax-width、parent の属性を無視しますdiv。これを行うにはどうすればよいですか? 現在、ブラウザーはテーブルのサイズを変更して、max-width...

score 0 · Accepted Answer

テーブルの位置を絶対に設定すると、親 div によって制約されなくなります

<div style="max-width: 100px; overflow: scroll">
  <table style="position:absolute;">...</table>
</div>

score 0 · Accepted Answer

CSS ファイル内:

div {
    overflow: visible;
}

要素に theposition: absolute;を使用することはできません。これは...theが IT を無視しないためです。テーブルの下の div を埋めるものがない場合は、まったく表示されません。tabledivdiv

PS - 意図的に CSS ファイルを入れるように言いました。彼は HTML にそれを持っているようですが、CSS スタイルを HTML ファイルに入れることはめったにありません。.css を使用すると、サイト全体で一元化および標準化され、設定する必要があるのはクラスと ID だけです。

2 に答える 2