作者:Life一切安好 | 2023-09-05 11:50
因此,当您没有为给定的div元素设置任何边距或填充或边框时,基本上会发生边距折叠?
1> Jim..:
不可以.如果有两个相邻的垂直边距,则使用两个中较大的一个而忽略另一个.
因此,例如,如果你有两个块显示元素A,其后面是B,A的底边距为3em,而B的上边距为2em,则它们之间的距离为3em .
如果设置边框或填充,则可以防止发生折叠.在上面的例子中,两个元素之间的距离将是5em.
如果您没有设置任何边距,则不会有任何边距崩溃.它与使用的元素类型没有任何关系 - 它适用于所有元素类型,而不仅仅是元素.
阅读CSS 2.1规范以获取更多详细信息.
+1 - 很好的答案.此外,当元素浮动,绝对定位或内联块时,不会发生边缘折叠.更多信息:http://reference.sitepoint.com/css/collapsingmargins
在给出一些变化的情况下,将提升答案:1.在"3em/2em"示例中,您可能希望使用绝对单位; 在这种情况下,2em /可能/大于3em 2."如果你设置边框或填充......" - 这仅在某些情况下是正确的,而不是在标准的'A后跟B'中
推荐阅读
-
如何解决《Composer无法执行应用程序/控制台缓存:清除symfony3》经验,为你挑选了2个好方法。 ...
[详细]
-
如何解决《SparkGroupByKey(Key,List)Pair》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《MongoDB查询返回空数组》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《InvalidOperationException:在调整自动填充列时无法执行此操作》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《以结构化方式命名全局变量》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《即使没有任何内容,也会出现Notepad++XML解析错误“文档末尾的额外内容”》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《使用Minus语句返回结果集》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《将javascript规则应用于克隆元素》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《只是混合效应模型中"重要"随机效应的毛虫图》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《如何替换字符串中的多个子字符串实例》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《Webpack更改每个条目块的output.filename》经验,为你挑选了0个好方法。 ...
[详细]
-
如何解决《如何将CSS中的"animation-play-state"初始设置为"暂停"并更改为"正在运行"?》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《通过ArangoDB2.8中的相同边集合进行多次遍历》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《带字符串文字的前缀vs中缀运算符*》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《ASP.net5在LiveWindowsServer上自托管-EACCES权限被拒绝了吗?》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《为什么css中的选择器'+'不适用于图像?》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《在PHP中检测SVG图像》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《使用OpenCV进行对象检测和隔离》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《hash(time.time())总是唯一的》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《SpringCloudvsWSO2API管理器》经验,为你挑选了0个好方法。 ...
[详细]