Home > Windows > Mozilla > Netscape overflow:visible;以外を指定した要素の左マージンがフロートに影響される

overflow:visible;以外を指定した要素の左マージンがフロートに影響される

左マージンがフロートに重なるような配置をしている要素のoverflowプロパティの値をvisible以外に設定すると、その要素の左マージンがフロートのマージン領域の右端から設置されてしまう。

Category: Mozilla, Mozilla, Netscape, Windows
Tag: overflow

例示

<div style="float:left; width:5em; height:8em; background:silver;">フロート</div>
<div style="margin-left:6em; overflow:vidible; height:2em; border:2px solid blue;">visible</div>
<div style="margin-left:6em; overflow:hidden; height:2em; border:2px solid blue;">hidden</div>
<div style="margin-left:6em; overflow:scroll; height:2em; border:2px solid blue;">scroll</div>
<div style="margin-left:6em; overflow:auto; height:2em; border:2px solid blue;">auto</div>

フロート

visible

hidden

scroll

auto

ボーダーを設定したdiv要素の左マージンは、フロートを無視して設置されるはずです。