floatを使った横ナビゲーション
横ナビゲーション
floatを使うのが主流。使うのはfloat:left;のみ。
カラム落ちしやすいので注意すること。
floatを使う場合は必ずwidthを設定する。
今日の授業は、グローバルナブをいかに面として押しやすくするか。
ポイント
- liではなくli aにborderを指定する。
- ulは幅指定しないといけない。
- liはwidthとfloatを指定。
- li aはdisplay:block;とborder-rightを指定する。
※liにborderを付けるとカラム落ちしやすい。
2カラムサイト制作の続き
h1の「建築散歩」の文字の隠し方
- text-indent:100%;
- visibility:hidden;
- text-indent:-999;