如何解决子元素的margin-top没有使子元素与父元素分开，反倒效果等同于给父元素加了一个margin-top
  • 分享到微信朋友圈
    X

解决的方法也有，具体为：

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};