body{
margin: 0px
padding: 0px
}
扩展：
body,div, form, img, ul, ol, li, dl, dt, dd, form, p {
margin: 0px
padding: 0px
border: 0px none
list-style: none outside none
text-decoration:none
}
一般网站设计都会加上上面这段代码，学习前端一定要多看其他优秀网站的布局以及页面结构。
inline-block本身会自带空隙或者block块级元素和其他元素之间因为空白而产生间隔。
容器设置font-size:0子容器再设置font-size即可
如：
html结构举例：<div id="box">
<div>后面的span换行有空隙可根据下面的css设置修正</div>
<span>测试</span>
</div>
css举例：
#box{font-size:0}
#box div{font-size:14px}
#box span{font-size:12px}
好像不能靠下面，你可以选择最上面得给它个上边界，它上面就会有空细了，边界是边框与外界得距离，填充是内部文字与外界得距离，还有div最好都给它们设数值，只要掌握好数值了，一切ok了，希望可以帮到你，祝你成功
