<div>とかで空要素のwidth指定を効かせるには,min-height:1pxでよい
blockレベル要素でも中身が空だったらwidth指定してもきかなかったのね。
きょうのガッテン:空要素にwidth指定を効かせるにはmin-height:1pxか
でもいれる.
これだと、 空要素の後の"左に600pxあるよん"が一番左に詰められてしまう。
<style> div {float:left;width:200px;} </style> <div></div> <div></div> <div></div> <div>左に600pxあるよん</div>
これだと、 ok
<style> div {float:left;width:200px;min-height:1px;} </style> <div></div> <div></div> <div></div> <div>左に600pxあるよん</div>
これでも、 ok
<style> div {float:left;width:200px;} </style> <div> </div> <div> </div> <div> </div> <div>左に600pxあるよん</div>
html - How to make a DIV with no content have a width? - Stack Overflow