H5C3练习心得12.13（小米商城右侧悬浮菜单）

在写一个小米商城右侧悬浮菜单

在写的时候遇到了一个问题：

一个盒子div里面内嵌ul-li标签几个小盒子，结果发现垂直放置的几个小盒子之间有间距。

如图：

看上面两个图，我的内容是溢出了的，我虽然设置了下外边距5px,但是看第二张图橙色的是我设置的外边距，下面盒子间还是有一段距离，不知道哪里来的，而且每一个盒子中都有这么一段距离。

我开始寻找可能性：

是不是我设置了float溢出了需要清除浮动，我暂时先删除了float部分代码，发现没有用，我清除浮动仍然没有用

是不是需要定位，仍然没用

我甚至尝试用overflow:hidden;来解决，显然结果掩耳盗铃，只是把溢出的部分除去了，距离仍然存在

我开始一个个查看代码

终于！我这个脑阔好聪明 如图：

我发现那盒子之间的每段距离是p标签造成的，p标签是块级标签，相当于一个小盒子

于是我知道了需要把块级标签转变成行内标签

置于需要转变的原因和转变方法，还有我为什么想到转变请看我的12.10篇博文

p {
            display: inline;
        }

最后我解决了......

如果各位遇到类似的问题也不要忘了这个小点呀