盒子塌陷 外边距合并 解决办法

盒子塌陷:

1. 给父元素加宽高

2.给父元素加 overflow:hidden;

3.给最后一个子元素后面加一个 块元素,里面写入 style="clear:both" 属性

外边距合并:
给父元素加 overflow:hidden;

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

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,826评论 1赞 92
  • 盒子模型
    使用width来设置盒子内容区的宽度使用height来设置盒子内容区的高度width和height只是设置的盒子内...
    心软脾气硬01阅读 342评论 0赞 0
  • 任务十一~inline-block、BFC、边距合并
    一、在什么场景下会出现外边距合并？如何合并？如何不让相邻元素外边距合并？给个父子外边距合并的范例 在CSS当中，相...
    dengpan阅读 612评论 0赞 0
  • 第一阶段
    day01­_起源和结构 结构：Xhtml xml 表现：CSS 行为：DOM ECMAScript 以上都属于W...
    Sakura_明妃阅读 1,247评论 0赞 1
  • 温柔的女人都是宠出来的
    文 | 李晓木 “妈妈，我喜欢云云妈妈。”女儿在回家的路上和我说了这样一句话。 我问她：“为什么？” 女儿说：“咱...
    a2d02c884892阅读 666评论 0赞 0