読者です 読者をやめる 読者になる 読者になる

2カラム

今日は軽く触れただけなので予習みたいな感じで

float:~とdisplay:inline;

どちらも横並びにする際に使うことが出来ます。

何が違うの?

→inlineを使うと各カラムがインライン要素となるため、marginやpaddingが使えなくなる。(整える方法はある)

優先順位

f:id:retail:20150330223227p:plain

 CSSでこの順番で記述した時には、Aが優先順位が高いです。

このまま横並びにすると

f:id:retail:20150330223456p:plain

Aが左側、Bが右側となります。

でもAを右側にしたい!というときには、

float: right;をAに使うとAが右側に来ます。

※AとBの優先順位を変えても同じことになりますが、検索などにAが引っかからなくなったりするのでやめた方が良いです。(Bの優先順位が高くなるため)

広告を非表示にする