网站建设资讯

NEWS

网站建设资讯

CSS中怎么叠加外边距

CSS中怎么叠加外边距,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

按需网站策划可以根据自己的需求进行定制,成都网站制作、网站设计构思过程中功能建设理应排到主要部位公司成都网站制作、网站设计的运用实际效果公司网站制作网站建立与制做的实际意义

  1.    
            p{   
                color: black;   
                background: #ccc;   
                margin-top: 50px;   
                margin-bottom: 30px;   
                height: 50px;   
                border: 1px solid red;   
            }   
    

第一段的下外边距与第二段的上外边距相邻,你可能认为它们之间的外边距是80px,但实际的间距却是50px。像这样的上下外边距相遇时,它们就会相互重叠,直至一个外边距碰到另一个元素的边框。因此,在这里,第二段较宽的上外边距就会碰到第一段的边框。也就是说,较宽的外边距决定两个元素最终离多远。这个过程就是外边距叠加。

CSS中怎么叠加外边距

关于CSS中怎么叠加外边距问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注创新互联行业资讯频道了解更多相关知识。


名称栏目:CSS中怎么叠加外边距
当前URL:http://cdweb.net/article/ihdgip.html