Hover時にborder-bottomを追加すると、サイト全体が下にずれることがあります。
その時の対処法について
border-bottomを追加するとその太さ文下にずれます。
なので
border-bottom: black 1px solid;
とすると、1px下にずれます。
解決策は、その要素のmarginを1px減らせば良いのです。
Hoverしていない時にmarginが5pxだったとすると、hover時にmargin-bottomを4pxになるようにすればOKです。
Next Post
ウェブサイトの解析
Google Analyticsを使用したウェブサイトの解...
Prev. Post
小要素から親要素にmarginがきかない時の対応
小要素から親要素にマージンが効かないとborder-bot...
コメント
名前 *
次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。
【見出しデザイン】マーカー風〜linear-gradient〜
今回は見出しのデザインとコードを紹介したいと思います。 マーカーを引いたようなデザインです。...
今回は見出しのデザインとコードを紹...
2020年12月28日
[基本] z-indexの使い方 効かない時の対処法
Cssで重なりの順序を指定することができる「z-index」について今回書いていきたいと思います。...
Cssで重なりの順序を指定すること...
2021年1月4日
Google Analyticsを使用したウェブサイトの解析 まずgoogle Analyt...
Google Analyticsを...
2020年10月23日
Webサイトの実機での検証方法
iPhoneとMacを使った検証です。 html、cssでウェブサイトのコーディングを行い、...
iPhoneとMacを使った検証で...
2020年12月2日