Cssで吹き出し、矢印風デザイン
先日案件をこなしている時、クライアントからのaiファイルに吹き出しっぽい矢印っぽいデザインがありま...
先日案件をこなしている時、クライア...
2020年12月23日
Hover時にborder-bottomを追加すると、サイト全体が下にずれることがあります。
その時の対処法について
なぜずれるのか
border-bottomを追加するとその太さ文下にずれます。
なので
border-bottom: black 1px solid;
とすると、１px下にずれます。
解決策は、その要素のmarginを１px減らせば良いのです。
修正方法
Hoverしていない時にmarginが５pxだったとすると、hover時にmargin-bottomを４pxになるようにすればOKです。
