PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布
首页
课程
路径
文章
PHP培训
精品课
下载

技术文章  >  web前端 > html教程

Margin外边距叠加_html/css_WEB-ITnose

原创
2016-06-24 11:34:00 1002浏览

外边距(Margin)叠加

只有普通文档流中块级元素(块框)的垂直外边距才会发生外边距叠加。行内框、浮动框和绝对定位框之间的外边距不会叠加

  • 两个相邻兄弟块框

  • 父元素与子元素，并 父元素没有内边距或边框时 ,它们的顶和/或底外边距也会发生叠加。

    • 当父元素没有内边距或边框时

    当父元素有内边距或边框时

    无论子元素是否有内边距或者边框都不会影响叠加

  • 自己的垂直上下外边距叠加

  • 叠加具有组合性，而组合都是上面几种情况的组合，万变不离其中!

    • PHP课程HTML视频教程CSS视频JS视频教程Vue视频教程
    声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
    上一条：css:outline_html/css_WEB-ITnose 下一条：CSS的4种引入方式及优先级_html/css_WEB-ITnose

    相关文章

    查看更多
    • 热门课程
    打开APP，随时随地在线学习！