overflow:hiddenでfloatをclear - とその理由 | Takazudo Clipping*
以下のように指定するとfloatをclearできる模様。 <div class="Box1"> <div class="L">something long text</div> <p>something short text</p> </div> .Box1{ width:400px; overflow:hidden; } .L{ width:130px; float:left; } overflow:hiddenでfloatをclearしたサンプル これで:afterでゴニョゴニョやったりclear:bothを利用しなくてもfloatがクリアできるみたいです。以下のページで知りました。 画像が消えたり、繰り返さなかったり系が解決しそうなこと overflow:hiddenって、飛び出たのクリップされるんでないの？ しかし、普通に考えると、これでなぜfloatがクリアできるかは甚だ疑問です
横幅不定のサムネイルとテキストを横幅指定せずに横並びにするCSS - neotagの雑文
これでtable-cellとかしなくてもOKになる。幸せかも。なんで知らなかったんだろ。 demo <style type="text/css"> .thumb{float:left;} .text{overflow:auto;zoom:1;} </style> -- 中略 -- <p class="thumb"><img src="/any-size-image.jpg" alt="横幅不定の画像" /></p> <p class="text">てきすとてきすとてきすとてきすとてきすと</p> 追記 @Tkazudo さん曰く @yomotsu さんが記事にしてるらしいです。yomotsu 先生さすがだなー。 http://twitter.com/Takazudo/status/5118867184 Takazudo @neotag @yomotsu がweb creatorsにかいてた
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
