html margin上边框,html – css margin-top属性仅在声明边框时才有效

参见英文答案 >

Why does this CSS margin-top style not work?                                    11个

好,

这已经有一段时间了,因为这种情况一直持续下去,我从来没有时间问过为什么：

所以这是我非常简单的HTML：

Page Title

div{

width: 200px;

background: green;

}

p{

background: yellow;

margin: 40px;

}

Testing

没什么特别的,只有一个带div的简单页面和div里面的一个段落.

但是你可以注意到在css上我声明段落与divs界限相差40px ……这就发生了

那是对的……顶部和底部边距被忽略了……

但是如果我向div添加1px红色边框,如：

div{

width: 200px;

background: green;

border: 1px solid red;

}

这是我得到的：

所以,是的,这对我来说真的听起来很奇怪…这是在safari中发生的,但我相信它会在其他浏览器上发生同样的事情……我的问题是……为什么会发生这种情况？

有没有办法解决它？

提前致谢