IE和FF中P的差别

5dyoyo 楼主

<style> #ok{ width:400px; height:150px; border:1px #FF0000 solid; } </style> <div id="ok"> <p>Hello World</p> </div>

运行代码 复制代码 另存代码  提示：您可以先修改部分代码再运行

怎么在IE中，Hello World是顶住DIV的顶部的呢？在FF中则不会有这种问题

261509559

p {margin:0}

zym500

这是因为IE跟FF对盒模型的算法不同，一般情况下它们对padding的默认值不大相同，兼容IE和FF的布局也主要从这点入手调试。当然还有其它许多小部分上的不同，多动手就知道了

alou

一开始就定义哈*{margin:0;padding:0;}
就不会这样了

5dyoyo 楼主

好的，感谢大家了

old9

似乎是个很诡异的bug...
hasLayout 会裁掉默认 margin，却对自定 margin 无影响。

zym500

你说的是边距叠加的问题吧？
css mastry这本书上讲到过这个问题，解决方法是定义1px的padding；
当然也可以转换下思维，给父级容器定义padding，不是一样解决问题吗？嘿嘿

old9

我开始也以为是 collpasing 的问题，后来发现似乎不是。如果在 div 前后添加内容可以发现 p 的margin 并没有伸出 div 的范围，而是被裁掉了。