コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 100% に設定されたテキスト ボックスと 100% に設定された div の幅が異なるのはなぜですか_html/css_WEB-ITnose

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

WBOY
リリース： 2016-06-24 12:17:40
オリジナル
1692 人が閲覧しました

<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を記述することは推奨しておりません

関連ラベル：
文本框设置100%和div设置100%为什么不一样的宽度
ソース：php.cn
前の記事：英語のウェブサイトに最適なフォントは何ですか? _html/css_WEB-ITnose 次の記事：IE6 では絶対配置 div が中央に配置されないのはなぜですか? _html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Laravel 8 - /{editable_text} ルートを /{user} ルートにリダイレクトする方法 ユーザープロファイルに誘導するリダイレクトルートを作成しようとしています。リダイレクト ルートはユーザー データベースからの文字列/テキストである必要があり、同じユーザー プロファ...
から 2024-04-06 17:26:11
0
1
410
SASS スタイルはメディアクエリよりも優先されます メディアクエリを使用してデスクトップデバイスのスタイルをオーバーライドしようとしていますが、うまくいかないようです。 h2 要素に境界線の色を設定し、問題をよりわかりやすく視覚化す...
から 2024-04-05 15:03:00
0
1
3396
エンドユーザーの現在の選択に基づいて選択ボックスから選択したオプションを移動するには、jquery スクリプトが必要です エンドユーザーが選択ボックス要素を介してアイテムをランク付けできる HTML ページがあります。簡単なデモを確認するには、フィドルを参照してください: https://jsfidd...
から 2024-04-04 18:40:04
0
1
3528
Scrapy: カスタム列設定を使用して CSV に保存するためのガイド つまり、基本的にはWebからデータをスクレイピングしており、プロジェクトファイルをメインのスパイダーファイルにインポートしています。データを取得してコンテナーに保存し、CSV とし...
から 2024-04-04 14:01:17
0
1
301
div を使用せずに複数のスパンクラスを同じ行に置くことは可能ですか? 各テキストに異なる色を付けたかったので、複数のスパンクラスを使用して CSS で色を設定しました。また、テキストに改行を入れたかったので、div を使用しました。このフィドルは私が...
から 2024-04-03 11:17:18
0
1
360
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート