[css]画像などの位置を無理矢理調整する裏技

[css][/css]画像などの位置を無理矢理調整する裏技

webのレイアウトで微妙に位置があわないときにpaddingやmarginで調整すると思うのですが
paddingやmarginを使用することによってレイアウトが崩れてしまうくことがよくあります。
そんなときに使える裏技をご紹介します。

positionプロパティを使う

位置を動かしたい要素に
position:relative;をかけます。

位置の調整

位置を上に2px動かしたかったら
top:-2px;
位置を下に2px動かしたかったら
top:2px;
位置を左に2px動かしたかったら
left:-2px;
位置を右に2px動かしたかったら
left:2px;
こんな感じで要素にposition:relative;
をかけ位置を調整するだけで画像などの位置を変更することが出来ます。

Follow me!

コメントを残す

メールアドレスが公開されることはありません。