CSSの【float】についてちょっと本気出して説明してみた。
記述が増えましたが、やっていることはfloatをさせる要素を囲う一番近い親要素にclearfixを指定しているだけです。 先の記述だと、headerやfooterを含んでいましたので、widthをコンテンツ幅きちきちに計算しなくはいけませんでした。 後の記述だと、header/nav/footerが独立しているので、widthに縛られず、自由に編集できます。 最近ではこの形が多いのではないでしょうか？
この記事を読んだ人はこんな記事も読んでいます
- テーブルを横スクロールで表示する方法
- ホバーのときに画像を拡大する方法
- ファビコンを設定していますか？（2019年5月22日から仕様が変わりました）
- CSSの display: inline、display: block、display: inline-block をマスターしよう！
- メインビジュアル14選！ 変わった形のデザインパターン♪
- chromeのおすすめ拡張機能10選
- Powered by Where did they go from here?
- 876,220views CSSの display: inline、display: block、display: inline-block をマスターしよう！
- 699,758views CSSの【float】についてちょっと本気出して説明してみた。
- 353,602views 見ながら覚えよう！positionプロパティ「absolute」と「relative」についてのお話
- 245,948views 今さら聞けない、marginとpaddingの違い
- 231,098views CSSで中央寄せにする方法まとめ