margin-top属性应用到父层上去了

标准中规定就是这样的 :
外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。普通文档流中块框的垂直外边距会发生外边距合并。行内框、浮动框或绝对定位之间的外边距不会合并。这个就是由于垂直外边距合并引起的

给父元素上加可解决
overflow:hidden

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,790评论 1 92
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 1,089评论 0 1
  • 1.浮动元素有什么特征?对父容器、其他浮动元素、普通元素、文字分别有什么影响? 何谓浮动元素?有什么特征?所谓浮动...
    草鞋弟阅读 827评论 0 1
  • 1.盒模型是CSS的基石之一,它指定元素如何显示以及(在某种程度上)如何相互交互。页面上的每个元素被看作是一个矩形...
    garble阅读 547评论 0 0
  • (送)轻舟横笛声渐远,柳絮纷飞风乱吹。江水连绵心雨载,何时码头再闻声。绿水青山红日出,白衣赤伞银月送。一年四季话春...
    甘朝武阅读 289评论 0 0