2008年12月12日星期五

清除浮动

[html]
<ul>
<li>
<p>test1</p>
<p>test2</p>
</li>
<li>
<p>test1</p>
<p>test2</p>
</li>
<li>
<p>test1</p>
<p>test2</p>
</li>
...
<br clear="all" />
</ul>
[/html]

ao
又是该死的 IE 问题
用 AJAX 返回的数据生成的用 UI/LI 结构的表格形式的代码
总是无法清除浮动
调试了N久后
才想到把页面最后生成的代码 alert出来
仔细一看才知道
本是在后面清楚浮动<br clear="all" />的却跑到前面去了
原来用 $("ul li:last").after(tmp) 增加的 HTML code 是加到 br 之后的~
为了通用
只能是判断浏览器
IE的话需再加上如下
[js]
$("ul li:last").append("<br clear="all" />");
[/js]

没有评论 :

发表评论