0

Google Chrome でのみ気付いた奇妙な問題に直面しました。開発者ツールを使用して検査すると、要素のサイズ (画像、内部テーブル) が変更されます。

再現する手順：

  1. Chrome デベロッパー ツールを開きます。
  2. 要素を開く
  3. 要素階層から、テーブル table#inner を含む任意の要素を選択します

結果：指定されたサイズになるまで、選択するたびに要素のサイズが増加します（要素を意味します）

リンクされた問題: table#inner は、table#outer td 要素のサイズのために独自のサイズを変更する必要がありますが、そうではありません

コード例: page.jsp

<div id="outer_div">
<table id="outer">
  <tr>
    <td>
    </td>
    <td>
      <table id="inner">
        ......
      </table>
    </td>
  </tr>
</table>
</div>

スタイル.css

#inner {
  width: auto; // or 100%;
}

で: 300px; 正常に動作します）

PS Firefoxではすべて正常に動作します

4

1 に答える 1

0

#inner が #outer のサイズを占有する必要がある場合は、

#inner {
    min-width:100%;
}

また

#inner {
    width:100%;
}
于 2013-04-02T17:06:02.003 に答える