会发现效果如下所示
子元素的margin-top并没有使子元素与父元素分开，反倒效果等同于给父元素加了一个margin-top；
解决的方法也有，具体为：
1.修改父元素的高度，增加padding-top样式模拟（padding-top:1px;）
2.为父元素添加overflow:hidden;
3.为父元素或者子元素生命元素浮动(float:left;可用但是不推荐)
4.为父元素添加border(border:1px solid transparent)
5.为父元素或者子元素声明绝对定位
6.给父元素增加内容生成#father:before{content:' ';display:table};
Copyright © 2019- lnnr.cn 版权所有
违法及侵权请联系：TEL:199 18 7713 E-MAIL:2724546146@qq.com
本站由北京市万商天勤律师事务所王兴未律师提供法律服务