保证金值之间有区别吗？

【问题标题】：Is there a difference between margin values?保证金值之间有区别吗？
【发布时间】：2010-12-10 07:53:29
【问题描述】：

我正在设计一个 div 里面有一个 div

<div id="header"><div id="header-top"></div></div>

“#header”的背景颜色较深，而“#header-top”的背景颜色较浅。 "#header 的边框半径也为 7px。

在 css 中“#header-top”有一个像这样的边距“margin: 10px 0 0 10px;”所以它被向下推了 10px，向左推了 10px，使它居中，并且在浅色内部背景周围出现了一个深色边框。

但是，顶部“边框”似乎比侧边框薄。 css 是否使顶部的 10px 与侧面的 10px 不同？

【问题讨论】：

【解决方案1】：

#header-top 的上边距很可能一直延伸到#header 的边缘，尽管断章取义很难确定。见http://complexspiral.com/publications/uncollapsing-margins/

【讨论】：

大卫，感谢您的文章。但是我不知道这是问题所在。它几乎看起来像是一种错觉，我似乎看不出它是否存在。我问的原因是我以为我看过一篇文章，说眼睛感知某些边缘情况，就好像它们是不同的厚度一样。我想知道是否有人以前听说过！
如果您认为这是一种视错觉，请进行屏幕截图、放大并计算像素。但它实际上可能发生是有技术原因的。
但是，border-radius 表明外部 div 有一个边框，在这种情况下，margin 不会在它之外折叠。
大卫，我截屏并测量，两者是相同的。要么是我的眼睛，要么是某种视错觉。话说回来，你们都没有听说过我发的东西吧？