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...
コメント
名前 *
次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。
WPの投稿にコードを記述
WordPressの投稿にHTMLやCSSのコードを記述する方法です。 普通にコードをコピペ...
WordPressの投稿にHTML...
2020年11月14日
[基本] z-indexの使い方 効かない時の対処法
Cssで重なりの順序を指定することができる「z-index」について今回書いていきたいと思います。...
Cssで重なりの順序を指定すること...
2021年1月4日
初心者向け エディターの選び方
HTLM,CSSを記述するエディターに関して。ATOM? VSCode? テキストエディタ?いろ...
HTLM,CSSを記述するエディ...
2020年11月13日
ファビコンの付け方
ファビコンとは この左側に設置されている画像のこと 付け方は簡単です。 ...
ファビコンとは この...
2020年10月27日