【CSS】float してると display:inline でも margin、width、height が効く 問題 display:inline すると width, height が効かないが、float とともに使うと widtht, height, margin が効くようになり、ブロック要素のように使える。 むむっ ほんと? 答え それはIE対策。 float:left すると 要素は,左に浮動するブロックボックスを生成する。内容は,’clear’特性に従い,上から始まって,ボックスの右側に流し込まれる。値が’none’ではない場合,’display’は無視される。 そう、仕様書どおりに実装されていれば、displayは無視される。 なぜfloatした要素にdisplay:inlineするといいよといわれるのかというと、IEの不具合対策のため。 CSSの仕様どおりならば、fl
![【CSS】float してると display:inline でも margin、width、height が効く at softelメモ](https://cdn-ak-scissors.b.st-hatena.com/image/square/1547f4b97eb50bd09e99d5f897a6c447ee41f867/height=288;version=1;width=512/https%3A%2F%2Fwww.softel.co.jp%2Fblogs%2Ftech%2Ffb.png)