一度clearプロパティでnone以外の値を指定した要素は、より後にあるセレクタやより優先度の高いセレクタで clear: none; を指定したとしても値を上書きすることができない。
- Category: Mac, Safari, ver.3 Under
- Tag: clear
例示
<style type="text/css">
<!--
p {
clear: left;
}
p.noclear {
clear: none;
}
-->
</style>
<div style="width:5em; float:left; background:aqua;">フロート</div>
<p>(1) フロートの横に流し込まれないp要素</p>
<div style="width:5em; float:left; background:aqua;">フロート</div>
<p class="noclear">(2) フロートの横に流し込むp要素</p>
<p>(3) フロートの横に流し込まれないp要素</p>フロート
(1) フロートの横に流し込まれないp要素
フロート
(2) フロートの横に流し込むp要素
(3) フロートの横に流し込まれないp要素
1番目と3番目のp要素内の文字列はフロートの右側に回り込まず、2番目のp要素内の文字列はフロートの右側に回りこむはずです。
スクリーンショット
N7.02での表示
修正状況
Safari1.0でこの不具合が発生するそうです。
