css我没设置外边距为什么还有外边距

答案:2 悬赏:80

解决时间 2021-04-26 19:07

提问者网友：枫涩帘淞幕雨
2021-04-26 15:22

最佳答案

二级知识专家网友：厭世為王
2021-04-26 17:01

那是body默认的外边距，把body的margin和paddig设置为0就好了

全部回答

1楼网友：时光挺欠揍
2021-04-26 17:22

css外边距自动合并导致的一个bug，你的解决方法是对的，或者加内边距也可，阻止外边距自动合并发生就行了，你可以自己百度下相关知识。这个bug不是普遍的，有些浏览器有，有些没有(记不着哪些有了，你可以自己测试) 外边距自动合并的原理：

一篇文章，结构很可能是这样

这篇文章有很多段落，这是第二段文字

段落.......

这时候为了文字排版好看，通常都会给给 p 来点上、下外边距，让段落间拉出段空白来。比如给 p 上、下各 15px 的外边距： #txt p{margin:15px 0;} 这时两个挨着的段落之间的空白部分距离是多少？第一段下边距 15px + 第二段上边距 15px = 30px 加起来等于 30px 对不？等于 30px 的话排版就难看了。实际上浏览器为了解决这个排版问题，把这两个边距强制合并了(而不是简单的做加法运算)，实际上下两段之间距离是：15px 这个就是：外边距自动合并，是一个很有用的功能，基本上能解析 css 的浏览器都能自动合并这种外边距。然后你遇到的错误是：某些浏览器在不该自动合并外边距时去帮你合并了，合并的顺序是把下面一块往上面挤，就挤到父元素的外边去了。

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息！