边距重叠margin:两个或多个块级盒子的垂直相邻边界会重合。
解决方法:BFC区域,详细的可以去了解一下BFC区域,我会我就不展开写了,嘻嘻
另外我比较用喜欢行内元素,行内块元素来做横向导航,这样就不用再去担心浮动块级元素带来的不必要影响。但行内元素,行内块元素元素有个硬伤--有默认的间隙(烦人)
解决方案:会出现间隙的原因,其实是行内标签元素,行内块元素之间的换行带来的影响。只要解决了换行的问题,也就解决了间隙的问题。
(1)<span>行内元素</span><span>行内元素</span><span>行内元素</span>
(2)<span>行内元素</span
><span>行内元素</span
><span>行内元素</span>
(3)把父级font-size设置为0