［CSS覚書］画像がboxからはみだすときfloat解除をclearfixでなくoverflow:hidden;でやる

2012年11月28日

2008年あたりから知られていたようなのだが知らなかった～ハズカシ～
ただ組み方によってはclearfixでないと、うまくいかない場合もありますね。

clearfixを使わないでやるには。 – CSS HappyLife

clearfixするためにoverflow:hidden;を使って困ったことがある人へ｜ふじこのプログラミング奮闘記

TREXTACY :: SPACEBALL RICOCHET: CSS スタイルシートメモ 「画像がはみ出る」件について。

画像がBOXからはみ出すときのCSS小技 | Centech

関連して「clearfix」についての見直し記事も載せときます。
［CSS覚書］clearfixの決定版 – ponnao-clip

main枠のoverflow:hidden;

今WPをカスタマイズするときによく使ってるvicunaテンプレートは、mainの中にentryが入れ子になってます。
この場合は、entryにoverflow:hidden;スタイルを付け足すと、最下部にフロート画像＋短めテキストの形式が来ても、画像がはみ出さないで済みました。

CSS

Posted by ponnao