floatが効かない width:100%;の罠

widthの初期値

　何も指定していない場合

　widthの指定は100%になっている

Q、何に対して100%なの？

　A、親要素の幅に対して

　たとえば直ぐ上の親要素が<div class="container">で.containerの幅が960ｐｘだった場合

　中にある<h1>の幅は960ｐｘになる。

　その為floatを効かせても、ズレる

　思い通りにならない訳です。

じゃあどうすりゃ良いのさ！

　widthを指定すること

　例えばwidth:120px;とか

後書き

　うろ覚えだけどこんなんだったはず！

　はず！！

　はず？

　皆さんwidth:100%の罠に気を付けましょう！

　え・・？

　罠に嵌ったのって、僕だけ？