ホームページ >ウェブフロントエンド >htmlチュートリアル >境界線の幅の設定の問題_html/css_WEB-ITnose

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

WBOY
WBOYオリジナル
2016-06-24 12:00:421629ブラウズ

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

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



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


ディスカッションへの返信(解決策)

高さは影響します

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

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

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

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

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

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。