关于margin-top的一些特别问题

当给子元素添加了margin-top的数值,浏览器解析的时候默认添加到父元素上解决的方法:

  1 给父元素添加一个上边框border-top。

  2  或者给子元素加个浮动。

  3  给父元素添加overflow:hidden属性

  4给父元素添加浮动。

两个行内块元素或者是行内元素横着排(默认)的情况下,给其中一个元素添加了margin-top,其他的也会有一个margin-top属性。

  比如img元素。

  div{

  width100px;height:100px;background:red;

}

  <div>

    <img src=" 图片路径"/><img src= "图片路径 "/> 

  </div>

 解决的方法:

  1给元素本身添加一个浮动;

  2给元素添加一个display:block;

posted @ 2018-03-07 10:58  悔创阿里-杰克马  阅读(117)  评论(0编辑  收藏  举报
求投食~(点图即可)