ASP源码.NET源码PHP源码JSP源码JAVA源码DELPHI源码PB源码VC源码VB源码Android源码
当前位置:首页 >> 低调看体育直播 >> HTMLjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播 >> 子元素增加margin-top会增加给父元素的问题

子元素增加margin-top会增加给父元素的问题

来源:网络整理     时间:2016-01-15     关键词:

本篇文章主要介绍了"子元素增加margin-top会增加给父元素的问题",主要涉及到方面的内容,对于HTMLjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播感兴趣的同学可以参考一下: 假设我们有如下代码  

    
  
会发现效果如下所示子元素的m...

假设我们有如下代码

  


    

  

会发现效果如下所示

子元素增加margin-top会增加给父元素的问题

子元素的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};

以上就介绍了子元素增加margin-top会增加给父元素的问题,包括了方面的内容,希望对HTMLjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播有兴趣的朋友有所帮助。

本文网址链接:http://www.codes51.com/article/detail_288737.html

相关图片

相关文章