微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

CSS保证金收缩

因此,当您没有为给定的div元素设置任何边距或填充或边框时,本质上会发生边距折叠?

解决方法

否。当您有两个相邻的垂直边距时,使用两个较大的边距,另一个被忽略。

所以,例如,如果你有两个块显示元素,A,其后面是B,A的底边距为3em,而B的顶边距为2em,则它们之间的距离为3em 。

如果设置边框或填充,则可防止发生折叠。在上述示例中,两个元素之间的距离将为5em。

如果您没有设置任何边距,则不会有任何边距折叠。它与使用的元素类型无关 – 它适用于所有元素类型,而不仅仅是< div>元素。

有关详细信息,请参阅the CSS 2.1 specification

原文地址:https://www.jb51.cc/css/220035.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。