プログラミング学習帳

オンラインプログラミング学習サービス「ウェブカツ!!」で習ったことを整理してます。

「position」と「float」について

 

ボックスの配置を指定する時に使うコード
・position
・float

position

・4種類の指定方法
・static→デフォルトの状態
・absolute→ボックス全体が移動する、指定したボックスは上に重なる
・relative→元の要素のボックス領域は残ったまま指定したボックスが移動される
・fixed→スクロールしても画面から消えない→よくあるうざい広告のやつ


float

・ブロックを横に並べる(本来は縦に並ぶブロック要素も変更可)
・2種類の指定方法
・left
・right