CSSでfloatを解除する方法のまとめ

テクノロジーカテゴリーの変更を依頼記事元:

www.koikikukan.com

655 usersがブックマークコメント

コメント

44

記事へのコメント44件

注目コメント
新着コメント

neotag overflow:hidden は欠点が多すぎる。子要素の outline 欠けるとか、z-index で要素を上に重ねても欠けるとか（jsでレイヤー制御とか書くときに死ぬ）、 box-shadow がかけｒｙ

2013/03/28 リンク

botp 昔から定期的に上がっては結局overflowがいいのか悪いのかよく分からないままむにゃむにゃとそのままになっちゃう話…

2013/03/28 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

CSSでfloatを解除する方法のまとめ

CSSのfloatを解除（クリア）する方法をまとめてみました。以前、floatを解除するテクニックとして以下... CSSのfloatを解除（クリア）する方法をまとめてみました。以前、floatを解除するテクニックとして以下の記事をエントリーしたのですが、その後色々なテクニックがあることに気がつきました。 CSS の after 擬似要素で回り込みを解除するということで、そもそものfloatの問題（というか仕様）と、その対処方法についてネットで調べた情報を一通りまとめました。１．floatにより親要素の高さが出なくなる（＝背景がなくなる）問題親要素の中にある子要素にfloatプロパティが設定されていると、内容をもたない親要素の高さが0になるという仕様になっています。例えば、次のCSSとHTMLを例にします。 <style> #container { width: 200px; background: #ddd; } .box { width: 25px; margin: 10px; paddi

ブックマークしたユーザー

azuki_mihomiho2016/12/17
masayoshinym2016/09/28
k2k2monta2016/03/29
ik5692262016/03/28
yasuhiro12122016/03/28
sainoue2015/10/26
yomikodesign2015/10/22
cpp_03022015/10/02
onionise2015/08/16
mikage0142014/10/21
dondoko_susumu2014/09/22
musicala2014/08/29
heniha2014/04/23
tomtom352013/10/12
seidai32013/09/07
gjfkdsl2013/07/18
ymzkick0082013/06/30
ryoheif2013/06/18

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx