先週:
ヘルセムの基本的なマークアップ
HTMLは縦に積んでいくルールがある
基本的にいろんなものが横いっぱいの幅をもち、積まれていく
→でもデザイン上、横に並べたい
その方法の1つがfloat
id: 同じ名前は1つしか使えない
他とかぶらせたくない時に使う
JavaScriptとよく組み合わせて使われる
class: 複数使える
セレクタの書き方
ピリオドを書いてクラス属性を書く
.left{
}
フロートを使うときの注意
1.横幅をしっかり指定
2.bottomとかでフロートを解除するのを忘れずに
解除方法は3つ
1.clear:both;でフロートが解除される
ただし横並びにしたい要素の並列的な要素でないとかけられない
親要素とかにかけてもしょうがない
wrap(親)のなかにleft,right,bottomの子がいて、
bottomだけ横全部使いたかったらbottomでclear:both;を掛ける
→もしこれでbottomがなかったら?
2.親に対してoverflow : hidden;を掛ける
3.clearfixという技を使う