块级元素设置成内联元素出现的一些问题

以div为例

1.

就是关于设置两个div的方框，设置display:inline-block属性，两个方框会在一行排列但是中间会有很小的一点间隙，那么问题来了，怎么去除这个间隙呢？

因为块级标签设置了dispaly:inline-block属性，会变成内联标签，如果两个或多个div之间不在同一行，那么浏览器会默认这两个或多个div之间有空格，所以间隙就是这么来的。

解决办法：

（1）就是把div标签写在同一行。

（2）如果标签里写的有字体，设置font-size:0;

（3）设置某一个块级元素，margin-left或者margin-right，属性值为负值（值不要设置太大，可以一点点的调试），那么就会向右或者向右移动。

2.

就是在一些div的方框里输入一些字体，有时候字体会把方框给挤开，这样的问题怎么办呢？

解决方法：

因为CSS中有一种基线的知识，就是x-height为基准x的高度。在CSS中设置vertical-align:top，这样问题就可以解决。