好,
这已经有一段时间了,因为这种情况一直持续下去,我从来没有时间问过为什么：
所以这是我非常简单的HTML：
<!DOCTYPE HTML><HTML><head> <Meta charset="utf-8"> <Title>Page Title</Title> <style> div{ wIDth: 200px; background: green; } p{ background: yellow; margin: 40px; } </style></head><body> <div> <p>Testing</p> </div></body></HTML> 没什么特别的,只有一个带div的简单页面和div里面的一个段落.
但是你可以注意到在CSS上我声明段落与divs界限相差40px ……这就发生了
那是对的……顶部和底部边距被忽略了……
但是如果我向div添加1px红色边框,如：
div{ wIDth: 200px; background: green; border: 1px solID red;} 这是我得到的：
所以,是的,这对我来说真的听起来很奇怪…这是在safari中发生的,但我相信它会在其他浏览器上发生同样的事情……我的问题是……为什么会发生这种情况？
有没有办法解决它？
提前致谢
解决方法 我想你看到了一个折叠边距的例子,你可以阅读更多关于 here的内容 总结以上是内存溢出为你收集整理的html – css margin-top属性仅在声明边框时才有效全部内容，希望文章能够帮你解决html – css margin-top属性仅在声明边框时才有效所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）