FF渲染两个P原因分析
八月 15, 2008, Posted by cike at 4:40 下午
今天不忙，体力足，CODE
<style>
#search{text-align:center;border:1px solid #7ABEFF;background:#B1D7FE;}
#search p{ border:1px solid #fff; padding:5px;}
</style>
<div id=”search”>
<p>
<form id=”" name=”" method=”get” action=”">
test
</form>
</p>
</div>
FF显示：
一个<p></p>为什么有两个P的效果显示？MagicYY 解释是
因为P里面不能放其他的block元素，所以第一个的代码会被解析成
<p></p>
<form></form>
<p></p>
自然也就多了几条白边。
有什么证据吗？我用FireBug（FireFox插件）看HTML效果，这个工具很强大，由JS插入的HTML部分都可以看得到
看到了吧，证明了MagicYY 的观点
