タグ

floatに関するhiralinkoのブックマーク (1)

  • 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がクリアできるかは甚だ疑問です

  • 1