美文网首页
CSS基础知识之外边距合并(1)

CSS基础知识之外边距合并(1)

作者: 饥人谷_adoreu | 来源:发表于2017-11-11 22:27 被阅读0次

    普通流中div与div上下外边距合并的处理及使用场景

    代码1

    1510409994(1).jpg
    在正常的情况下,每个div中间都会有空白,这个空白是浏览器的默认样式,每个div都有默认的margin,但是两个div之间margin又会合并

    代码2

    1510410042(1).jpg
    当把每个div加上上下padding之后就可以消除合并,中间的缝隙就会消失,这样就可以应用在两个模块不需要中间空隙的场景下

    相关文章

      网友评论

          本文标题:CSS基础知识之外边距合并(1)

          本文链接:https://www.haomeiwen.com/subject/tbvgmxtx.html