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...
コメント
名前 *
次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。
Tableセルの特定のものだけ大きくする方法
今回はtable内の特定のセルのみ大きくする方法を紹介していきたいと思います。 結果的にはこ...
今回はtable内の特定のセルのみ...
2021年1月6日
JavaScript ○○以外をクリックしたときの動き
特定の箇所以外のところをクリックした時に動くようにしたい時のコードの書き方 と記述す...
特定の箇所以外のところをクリックし...
2020年10月25日
文字数のカウント方法
Chromeで簡単に文字数をカウントする方法 Chromeの拡張機能を使えば簡単にカウントで...
Chromeで簡単に文字数をカウン...
2020年11月9日
Google Analyticsを使用したウェブサイトの解析 まずgoogle Analyt...
Google Analyticsを...
2020年10月23日