コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 境界線の幅の設定の問題_html/css_WEB-ITnose

境界線の幅の設定の問題_html/css_WEB-ITnose

WBOY
リリース： 2016-06-24 12:00:42
オリジナル
1609 人が閲覧しました

div の境界線の幅を 1px に設定し始めると、表示されるページは次のようになります

次に、マウスを境界線の上にスライドさせると、幅が 2px になります



ただし、境界線の幅が最初から 2px に設定されていると、最初は上記のような状況は起こらないのですが、なぜ上記のような状況が起こるのか教えてください


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

高さは影響します

要素が占める高さは設定された高さに等しいです。属性、パディング、境界線の幅の合計 (IE の以前のバージョンでは異なる方法で計算されます)。

境界線の幅が変わると、要素の高さも変わります。

つまり、ページ全体のレイアウトに影響します。

このお姉さんは誰ですか？ 紹介しましょう

通常は外側にdivを置いて枠線の幅を設定しますが、色は透明です
マウスオーバーしたら色を与えるだけです

これの利点は全体の幅は固定されています

関連ラベル：
幅 設定 フレーム
ソース：php.cn
前の記事：バックグラウンド管理HTML一式 template_html/css_WEB-ITnose 次の記事：Baidu Tieba_html/css_WEB-ITnose で使用されるオンライン エディタはどこで見つけられますか
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
width プロパティを追加してコンテンツを左に移動します。 ボディに余白を設けました。 main {left margin: 200px; right margin: 200px; textalignment: center} テキストを1...
から 2024-04-06 22:01:35
0
3
816
Axios と Node.js を使用して PokeAPI から特定の統計 (Stats) を取得する際に問題が発生する 問題があり、PokemonAPI を使用しようとしていますが、攻撃、HP、および速度の統計にアクセスしようとすると、すべてのポケモンに対して未定義と表示されます。 API呼び出しの...
から 2024-04-06 18:46:35
0
1
464
無効な React 子要素 (見つかった: キー {clientVersion} を持つオブジェクト)。子要素のコレクションをレンダリングする場合は、代わりに配列を使用してください 複数ステップのフォームを持っているのですが、送信しようとするとこのエラーが表示されます。ただし、createOrganization スケジュールを単純な形式で使用すると、機能しま...
から 2024-04-06 16:25:39
0
1
346
CSS グリッドの高さが期待したものと異なるという問題が発生しています。どのような間違いを犯している可能性がありますか? 私は現在 CSS グリッドを学習しており、このカードをグリッドに分割して作成するように依頼されました。作りたいグリッドの写真を添付し​​ます。実際には、これらすべてのカードが配置さ...
から 2024-04-06 12:52:14
0
1
339
Vuetify v-card は v-col で可能なすべての高さに適合します vueとvuetifyを使用してログイン/登録ページを構築しています。以下にコードを置きます (私はイタリア人なのでテキストはイタリア語ですが、理解できると思います): <v...
から 2024-04-06 10:29:26
0
1
406
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート