カテゴリー別アーカイブ: css

marginにマイナスの値を設定して調整

たまにしっかりボーダもマージンもパディングも消しているのに、隙間があくことがある。
例えば、liタグで作成した縦に並ぶサイドメニューバーなどだ。
そんな時は以下のプロパティを設定すればいい。

margin-top: -1px;

原因が判明せず根本的な解決というより対処策であり、
あまり望ましくない手だが、marginに-1を指定するとすっきり消えて収まる。
時間が無い時には有用である。

※極論、デザインによってはmarginやpaddingを誤魔化せるということ。

参考
html-coding.co.jp/knowhow/tips/000217/