Home > Mac > Internet Explorer 折り返されたフロートが常にコンテナブロックの左端に寄せられてしまう

折り返されたフロートが常にコンテナブロックの左端に寄せられてしまう

コンテナブロックの幅が狭いためにフロートが折り返されるとき、フローとの寄せ方は上寄せが左（右）寄せより優先されなければならないが、MacIEは左（右）寄せを優先してしまう。

Category: Internet Explorer, Mac
Tag: float, ボックス

例示

<div style="width:180px; height:130px; border:2px dashed blue;">
    <div style="float:left; width:80px; height:80px; background:aqua;">A</div>
    <div style="float:left; width:80px; height:40px; background:lime;">B</div>
    <div style="float:left; width:80px; height:40px; background:fuchsia;">C</div>
</div>

3つのフロートを並べていますが、コンテナブロックの幅の制限により「C」のフロートは折り返されます。このフロートがどこに置かれるかを確認してください。