フロートの前にコメントを置いたとき、フロートが本来の位置よりも下方に置かれることがある。
<div style="float:right; width:7em%; background:aqua;"> <ul> <li>list1</li> <li>list2</li> </ul> </div> <!-- コメント1 --><!-- コメント2 --> <!-- コメント3 --><!-- コメント4 --> <!-- コメント5 --><!-- コメント6 --> <!-- コメント7 --><!-- コメント8 --> <div style="float:left; width:45%; background:yellow;"> <ul> <li>list3</li> <li>list4</li> <li>list5</li> </ul> </div> <hr>
コメントがあることにより、後者のフロート内の文字列が下にずれてしまうそうです。
Netscape7.1標準モード
WinIE6.0標準モード