在才开始进入前端这个坑的时候 在布局中会遇到很多问题 我才入这个坑的时候 在margin top 中遇到几个bug 我分享一下

margin top的bug
当子元素和父元素是纯元素 没有内容的时候,我们去调整子元素的margin:top,
他会误以为是要调整父元素 解决方案:
1.给父元素设置一个边框
2.父元素加overflow hidden
3.父元素设置float:left
4.父元素设置display:inline -black
5.子元素设置float-left
6.父元素设置pading top 取消子元素的margin:top
7.子元素设置display:inline -black
8.父元素子元素之间加<div style="height:0px”>&nbsp;</div>

posted @ 2017-11-07 09:36  余生我是你的眼  阅读(118)  评论(0编辑  收藏  举报