（5）フロートの後をクリアする方法

初心者webデザイナーさんのための、ホームページ制作無料講座です。Dreamweaver8を使ったXHTML＋CSSコーディングの方法を紹介します。スタイルシート初心者の方に役立つように作ってみました。 ※Adobe® Dreamweaver® はAdobe Systems Incorporated（アドビシステムズ社）の商標です。

webデザイナーモモンガです。わたしの作った動画マニュアルを見にきてくださり、ありがとうございます。...
詳しくはこちら

ブログTOP >> ソースコードでCSSデザイン >> （5）フロートの後をクリアする方法

（5）フロートの後をクリアする方法

1分32秒

解説

スタイルシートの三大難関のひとつ、フロートですが、このフロートの後のクリア（解除）ができてないために、いろんな予期せぬ崩れが出てしまい、初心者さんを泣かせることになってます。
クリアの方法はいろんなやり方がありますが、（ハックを使うなど）
わたしは一番簡単な、
フロートの外側のブロックの閉じタグの前に、クリアブロックを入れる、というのをよく使っています。
（余分なdivを増やしたくない人は他の方法をとりましょう）

今回は、よく登場するタグを、スペニットに登録しておいて、それを挿入するという方法でやってみます。
スペニットへの登録の仕方は、前回（その３）でやりました。

＊＊＊＊＊
↓モモンガの森では、webデザイナーを目指している方を応援しています！
モモンガの森　Dreamweaverで作るスタイルシートwebデザイン

最近こんなホームページ作りました
長野県駒ヶ根市　美容室A2

森の365日にも遊びに来てください
森の365日

カテゴリー内最新記事