ブログのエントリーはここから
Sep
23
float（回り込み）を上手にclear（解除）する
Posted by R12:51 AM
CSSを勉強し出して基本を押さえた頃に
やってきた最大の難関がfloat（回り込み）の扱い。
※大きなブロックのfloat（回り込み）は
大体の場合footer部分のブロックにclearを
指定すれば大概は解決するのですが
問題はclearを設定する部分がない場合。
例えばこのＢＬＯＧで言うとheaderの部分の
ナビゲーションのリストがfloatを使っています。
それを以下のような方法で解除している。
#header:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}
これにより例で言うとID headerの中のfloat属性の
回り込みをheaderの閉じた後に解除しています。
（ID又はclass名）:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}
※この辺はいずれ入門編をつくろうと思いますので割愛したします。
