不定期日記
by piece-case
プロフィールを見る
画像一覧
c0042029_18383186.jpgfloatの強い味方「clearfix」なんだけど、iPhoneのSafariで微妙に効かない様子。
全部の箇所が効かないわけじゃないんで、レイアウト崩れの原因が分からなくて四苦八苦した。

新しいコードも次々出てきてるんで、他の方法なら効くのかもしれないけど、検証が面倒くせぇなぁ。
色々試してみた結果、今使ってるのが結構安定してるんで、あまり変えたくない。
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
.clearfix + * { clear: both; }
でも、よく見てみるとMacのIE用記述はさすがにもういらないか…。

ちょっとググってみたら、今は相当短くなってるらしい。
element { ⁄zoom: 1; }
element:after { content: ''; display: block; clear: both; }
コレだけで良いらしい。

ちょっとだけ試してみたけど、う〜んどうなんだろ。微妙な感じがする。
なんか効き過ぎちゃって、意図しない所までclearされてる気がする。
もうちょっと検証が必要だな。
[PR]
by piece-case | 2010-08-06 18:35 | Tips
S M T W T F S
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31