読者です 読者をやめる 読者になる 読者になる

<div>とかで空要素のwidth指定を効かせるには,min-height:1pxでよい

html/css

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>&nbsp;</div>
<div>&nbsp;</div>
<div>&nbsp;</div>
<div>左に600pxあるよん</div>


html - How to make a DIV with no content have a width? - Stack Overflow