为什么 10px + 10 像素 = 10 像素？
我有以下脚本，其中 . portlet 类的行为很奇怪：
它应该添加每个 portlet 周围有 10 像素，这意味着 portlet 之间有 20 像素的间隙。由于某种原因，如果 portlet 的右侧或左侧有一个小部件，我只能得到 20px，但如果 portlet 的上方或下方有另一个 portlet，则只能得到 10px。
为什么我的垂直高度是 10px？
I have the following script where the margin for the . portlet class is behaving strangely:
it should be adding 10px around each portlet, which should mean a gap of 20px between portlets. For some reason, I am only getting 20px if a portlet has a widget to the right or left of itself, but only 10px if the portlet has another portlet above or below it.
Why am I getting 10px vertically?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
因为利润不会增加，所以就会崩溃。如果有两个元素 A 和 B，A margin=10px 和 B margin=15px，则 A 和 B 之间的间距将为 15px。
两种解决方案：
Because margins don't add up, they collapse. If you have two elements A and B, A margin=10px and B margin=15px, the spacing between A and B will be 15px.
Two solutions:
因为边距折叠，所以它们不会被添加，只是
max()-ed（将使用相邻对象的最大边距值）。如果空间是元素的一部分，请使用填充。Because margins collapse, they are not added, just
max()-ed (the biggest margin value of neighbouring objects will be used). Use padding if the space is part of your element.这就是利润的运作方式。相邻的垂直边距相互折叠：
另请参阅：折叠边距
This is how margins work. Adjacent vertical margins collapse into each other:
See also: Collapsing margins