初心者がよくハマる、CSSのfloatプロパティ徹底攻略 | WeeeeB
2011年も残りわずかですね。今年最後の記事は、CSSのfloatプロパティについて書いてみようと思います。僕はフリーのWebクリエーターをしつつ、Webの講師業もしてるんですが、どの生徒さんもfloatに苦しめられてるのをよく見ます。そこでCSSを勉強しているWebクリエーターさんにfloatとの上手な付き合いかたをご紹介します。 初心者がよくハマる、CSSのfloatプロパティ徹底攻略の目次 まずはfloatを理解しよう floatした要素の親要素に付けた背景が出ない時の対策方法 floatによるレイアウト崩れ（段落ち）の解決方法 1. まずはfloatを理解しよう floatはただ、要素を左右に振っているのではない。浮いているんだ！ floatとは、左右に要素を回り込ませたいときに使うCSSのプロパティです。でもただ左右に回り込んでるだけではないのです。実はfloatした要素は浮いて
clearfixでfloatを解除 | d-spica
clearfixでfloatを解除 2007-03-07 1 0 XHTML/CSS clear, CSS 枠や背景が消えたり，途中で切れたりしたことはありませんか。 floatした要素（ボックス）を含む親要素（ボックス）のborderやbackgroundが途中で切れてしまうことがあります。 左の例では，右側のメニューが終わったあたりで，左右にあるラインも切れています。 floatした要素の高さは親要素の高さに反映されない 分かりやすいようにXHTMLとCSSの例を書いてみましょう。 <div id="wrapper"> <div id="content"> <p>content</p> </div> <div id="menu"> <p>menu</p> </div> </div> #wrapper { width: 200px; border: solid 3px #999999;
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
