ボックスをはみ出さないようにfloatをクリアCSS:clearfixハック へのコメント http://www.techdego.com/2007/01/floatcssclearfix.php Diversity of the web technology and ... Sun, 14 Mar 2010 03:41:58 +0000 http://wordpress.org/?v=2.6.2 [BLOCKED BY STBV] bookmark!!!より http://www.techdego.com/2007/01/floatcssclearfix.php#comment-11911 [BLOCKED BY STBV] bookmark!!! Thu, 16 Oct 2008 08:46:40 +0000 http://www.techdego.net/2007/01/23/%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%82%92%e3%81%af%e3%81%bf%e5%87%ba%e3%81%95%e3%81%aa%e3%81%84%e3%82%88%e3%81%86%e3%81%abfloat%e3%82%92%e3%82%af%e3%83%aa%e3%82%a2cssclearfix%e3%83%8f%e3%83%83/#comment-11911 <strong>ボックスをはみ出さないようにfloatをクリアCSS:clearfixハック | Tech de Go...</strong> clearfixハックよく聞くテクニックのひとつでなんとなく理解してなんとなく使っていたけど、コレを見てようやくちゃんと理解した気がする。 忘れないためにもこのページは残しておく... ボックスをはみ出さないようにfloatをクリアCSS:clearfixハック | Tech de Go…

clearfixハックよく聞くテクニックのひとつでなんとなく理解してなんとなく使っていたけど、コレを見てようやくちゃんと理解した気がする。

忘れないためにもこのページは残しておく…

]]> ukeより http://www.techdego.com/2007/01/floatcssclearfix.php#comment-10804 uke Wed, 24 Oct 2007 03:30:51 +0000 http://www.techdego.net/2007/01/23/%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%82%92%e3%81%af%e3%81%bf%e5%87%ba%e3%81%95%e3%81%aa%e3%81%84%e3%82%88%e3%81%86%e3%81%abfloat%e3%82%92%e3%82%af%e3%83%aa%e3%82%a2cssclearfix%e3%83%8f%e3%83%83/#comment-10804 私はいつもfloatを内包するボックスにoverflow:auto;を指定しているのですが、これでは問題ありますか？ 私はいつもfloatを内包するボックスにoverflow:auto;を指定しているのですが、これでは問題ありますか？

]]> フロートとネガティブマージンまとめ:CSS | Tech de Goより http://www.techdego.com/2007/01/floatcssclearfix.php#comment-7215 フロートとネガティブマージンまとめ:CSS | Tech de Go Sun, 20 May 2007 17:50:59 +0000 http://www.techdego.net/2007/01/23/%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%82%92%e3%81%af%e3%81%bf%e5%87%ba%e3%81%95%e3%81%aa%e3%81%84%e3%82%88%e3%81%86%e3%81%abfloat%e3%82%92%e3%82%af%e3%83%aa%e3%82%a2cssclearfix%e3%83%8f%e3%83%83/#comment-7215 [...] フロートボックスは、それを内包しているボックスの高さに影響しません。従って、上記の例で、#container2も（つまり内包ブロック全て）フロートさせると、以下のようにdiv#wrapperの高さはゼロになります。これを何とかするのがclearfixハックですが、他にも、ボックスの最後にカラの要素（フローとしてない）を入れてclear:bothすれば高さが出ます。 [...] [...] フロートボックスは、それを内包しているボックスの高さに影響しません。従って、上記の例で、#container2も（つまり内包ブロック全て）フロートさせると、以下のようにdiv#wrapperの高さはゼロになります。これを何とかするのがclearfixハックですが、他にも、ボックスの最後にカラの要素（フローとしてない）を入れてclear:bothすれば高さが出ます。 [...]

]]> 最初に指定しておくと便利なCSS | Tech de Goより http://www.techdego.com/2007/01/floatcssclearfix.php#comment-483 最初に指定しておくと便利なCSS | Tech de Go Thu, 26 Apr 2007 15:45:50 +0000 http://www.techdego.net/2007/01/23/%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%82%92%e3%81%af%e3%81%bf%e5%87%ba%e3%81%95%e3%81%aa%e3%81%84%e3%82%88%e3%81%86%e3%81%abfloat%e3%82%92%e3%82%af%e3%83%aa%e3%82%a2cssclearfix%e3%83%8f%e3%83%83/#comment-483 [...] HTMLを見ていてclass=”hideen”とかなっているだけで、レイアウトが分かるという意味では使い勝手が良いので、私は必ず入れてます。 あとは、clearfixハックも必ず入れてます。自分用のテンプレートとしてこのような設定を一回作っておけば、便利かと。 2007/3/11 11:23 18,796 Views Share This Category: CSS Tags:CSS, tips Bookmark the permalink. Follow any comments here with the RSS feed for this post.Post a comment or leave a trackback: Trackback URL. « wordpressが管理するテンプレートのファイル名 CSSの記述順とグループ化 » [...] [...] HTMLを見ていてclass=”hideen”とかなっているだけで、レイアウトが分かるという意味では使い勝手が良いので、私は必ず入れてます。 あとは、clearfixハックも必ず入れてます。自分用のテンプレートとしてこのような設定を一回作っておけば、便利かと。 2007/3/11 11:23 18,796 Views Share This Category: CSS Tags:CSS, tips Bookmark the permalink. Follow any comments here with the RSS feed for this post.Post a comment or leave a trackback: Trackback URL. « wordpressが管理するテンプレートのファイル名 CSSの記述順とグループ化 » [...]

]]> class名に「表示に関する指示を組み込む」ことについて | Tech de Goより http://www.techdego.com/2007/01/floatcssclearfix.php#comment-191 class名に「表示に関する指示を組み込む」ことについて | Tech de Go Sat, 31 Mar 2007 12:25:13 +0000 http://www.techdego.net/2007/01/23/%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%82%92%e3%81%af%e3%81%bf%e5%87%ba%e3%81%95%e3%81%aa%e3%81%84%e3%82%88%e3%81%86%e3%81%abfloat%e3%82%92%e3%82%af%e3%83%aa%e3%82%a2cssclearfix%e3%83%8f%e3%83%83/#comment-191 [...] と書いているのを見て、この問題を考えてみたくなりました。というのも、私がclearfixを記事にしたとき、同氏の本「スタイルシート　サンプル＆リファレンス」の「ボックスの最後でfloatをクリアする」というサンプルを参考にしたからです。そこではclass名に「clearfix」を使っていました。 [...] [...] と書いているのを見て、この問題を考えてみたくなりました。というのも、私がclearfixを記事にしたとき、同氏の本「スタイルシート　サンプル＆リファレンス」の「ボックスの最後でfloatをクリアする」というサンプルを参考にしたからです。そこではclass名に「clearfix」を使っていました。 [...]

]]> はてなブックマーク - pot-au-feu's clipping / cssより http://www.techdego.com/2007/01/floatcssclearfix.php#comment-162 はてなブックマーク - pot-au-feu's clipping / css Mon, 26 Mar 2007 04:13:29 +0000 http://www.techdego.net/2007/01/23/%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%82%92%e3%81%af%e3%81%bf%e5%87%ba%e3%81%95%e3%81%aa%e3%81%84%e3%82%88%e3%81%86%e3%81%abfloat%e3%82%92%e3%82%af%e3%83%aa%e3%82%a2cssclearfix%e3%83%8f%e3%83%83/#comment-162 <!--%kramer-ref-pre%-->[...] ボックスをはみ出さないようにfloatをクリアCSS:clearfixハック | Tech de Go [...]<!--%kramer-ref-post%--> [...] ボックスをはみ出さないようにfloatをクリアCSS:clearfixハック | Tech de Go [...]

]]> 最新ITニュース：SpITより http://www.techdego.com/2007/01/floatcssclearfix.php#comment-106 最新ITニュース：SpIT Tue, 30 Nov 1999 00:00:00 +0000 http://www.techdego.net/2007/01/23/%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%82%92%e3%81%af%e3%81%bf%e5%87%ba%e3%81%95%e3%81%aa%e3%81%84%e3%82%88%e3%81%86%e3%81%abfloat%e3%82%92%e3%82%af%e3%83%aa%e3%82%a2cssclearfix%e3%83%8f%e3%83%83/#comment-106 <!--%kramer-pre%--> このようなときに、floatをしている内容がはみ出さないように、外の要素を調整するのがclearfix hackである。 使い方は、以下。 ボックスをはみ出さないようにfloatをクリアCSS:clearfixハック | Tech de Go <!--%kramer-post%--> このようなときに、floatをしている内容がはみ出さないように、外の要素を調整するのがclearfix hackである。 使い方は、以下。 ボックスをはみ出さないようにfloatをクリアCSS:clearfixハック | Tech de Go

]]> 黄色いジャストブログより http://www.techdego.com/2007/01/floatcssclearfix.php#comment-107 黄色いジャストブログ Tue, 30 Nov 1999 00:00:00 +0000 http://www.techdego.net/2007/01/23/%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%82%92%e3%81%af%e3%81%bf%e5%87%ba%e3%81%95%e3%81%aa%e3%81%84%e3%82%88%e3%81%86%e3%81%abfloat%e3%82%92%e3%82%af%e3%83%aa%e3%82%a2cssclearfix%e3%83%8f%e3%83%83/#comment-107 <!--%kramer-pre%--> } HTMLを見ていてclass=”hideen”とかなっているだけで、レイアウトが分かるという意味では使い勝手が良いので、私は必ず入れてます。 あとは、clearfixハックも必ず入れてます。自分用のテンプレートとしてこのような設定を一回作っておけば、便利かと。 - post by yellowblog<!--%kramer-post%--> } HTMLを見ていてclass=”hideen”とかなっているだけで、レイアウトが分かるという意味では使い勝手が良いので、私は必ず入れてます。 あとは、clearfixハックも必ず入れてます。自分用のテンプレートとしてこのような設定を一回作っておけば、便利かと。 - post by yellowblog

]]>