<style type="text/css">
#d1 {
        background-color: red;
}
#d2 {
        height: 100px;
        background-color: green;
}
#d3 {
        margin: 10px;
        background-color: blue;
}
</style>

<div id="d1">
I'm d1.
</div>
<div id="d2">
        <div id="d3">
        I'm d3.
        </div>
        I'm d2.
</div>

效果见附件，为什么在firefox中, d2的top会出现一条空白？
--
修改:Keyn FROM 117.79.72.*
FROM 117.79.72.*

因为你的D3有margin非0
【 在 chumsdock (微笑服务) 的大作中提到: 】
: 没有reset默认样式
--
FROM 218.18.184.*

对，表现上是这样的
但是d3的margin为什么会影响到d2，
d2并没有给d3一个margin-top 10px, 而是自己往下缩了10px

【 在 woaipinr (忍一时他就无法无天，退一步我便望尘莫及) 的大作中提到: 】
: 因为你的D3有margin非0
--
FROM 117.79.72.*

默认是0。。不过可能是其他地方的某个不注意的css就修改了而已吧。。
【 在 chumsdock (微笑服务) 的大作中提到: 】
: div默认的样式我记得是margin 10
: 我一向都改成0，不为这种东西伤脑筋
--
FROM 222.130.129.62

啊？我还以为只有上下两个block元素会collapse

【 在 Keyn (新的生活) 的大作中提到: 】
: 找到原因了，遭遇margin collapsing:
: http://www.howtocreate.co.uk/tutorials/css/margincollapsing
: 没有border-top的d2 collapse了d3的margin-top,把自己顶下来了
: ...................
--
FROM 210.77.8.*