100% に設定されたテキスト ボックスと 100% に設定された div の幅が異なるのはなぜですか_html/css_WEB-ITnose

<table style="width:200px">        <tr>            <td style="padding-right:4px">                <input id="Text1" type="text" style="width:100%;height:16px;border:1px solid #b7d1eb" />            </td>        </tr>        <tr>            <td style="padding-right:4px">                <div style="width:100%;height:16px;border:1px solid #b7d1eb">                </div>            </td>        </tr>    </table>

2 つの配置効果が必要です。つまり、テキスト ボックスと div が 100% の幅に設定されている場合、それらは視覚的に同じ幅になるため、配置する必要があります。 CSSスタイルの書き方。

ディスカッションへの返信（解決策）

試してみたところ、2つの要素が100%に設定されていて矛盾しているように感じましたが、divの幅を99%に設定できます。長さが 300 を超えなければ、見た目は良くなります

これはブラウザの問題であると断言できます。 IE9 では調整されず、Firefox では調整され、Apple では調整されます。ですので現時点では複数のブラウザに対応した書き方を推奨しており、テーブル内にdivを記述することは推奨しておりません