Html 浮动项目的两个div之间的间隙

我正在创建一个有两个部分的导航栏，一个是小的顶部部分，一个是大的底部部分，它们都有浮动图标，但是它们之间有一个小空间。他们之间的差距很小。我不知道为什么，谢谢你的帮助。我也在使用bootstrap，但是导航栏中没有一个是bootstrap

标题div.nav{
背景色：#fff；
}
收割台俯视导航{
溢出：隐藏；
}
标题div.top-nav div.info{
背景色：#f1f1；
宽度：100%；
显示：内联块；
}
标题div.info div.contact{
浮动：左；
}
收割台分区顶部-导航分区触点a{
填充：3x16px；
显示：内联块；
}
标题div.info div.social{
浮动：对；
}
标题分区顶部导航分区社会a{
颜色：#333；
}
标题分区顶部导航分区社会a i{
填充：8px 16px；
}
标题div.top-nav div.social a i:悬停{
颜色：#6b；
过渡：0.5s；
}
标题部分导航部分品牌{
浮动：左；
}
标题div.nav div.links{
浮动：对；
}
标题部分导航部分品牌a{
显示：块；
颜色：#f07e0b；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
标题部分导航部分品牌a：悬停{
显示：块；
颜色：#ffc863；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
保险商实验室{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
}
李{
浮动：左；
}
李阿{
显示：块；
颜色：#333；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
李娜：停下来{
背景色：#111；
}

以下是一个JSFIDLE：

还有一些容器需要clearfixes。

这里是一个JSFIDLE：

---

还有一些容器需要清理。

如果在顶部导航和底部周围放置1px边框，您可以看到缺少的区域是由于顶部div没有填充父级高度的100%

通过删除将

设置为内联块的样式，您将删除这个小空间

header div.top-nav div.info {
    background-color: #f1f1f1;
    width: 100%;
    /* display: inline-block; */
}

/*标题div.nav{
背景色：#fff；
} */
收割台俯视导航{
溢出：隐藏；
边框：实心1px；
}
标题div.top-nav div.info{
背景色：#f1f1；
宽度：100%；
/*显示：内联块*/
}
标题div.info div.contact{
浮动：左；
}
收割台分区顶部-导航分区触点a{
填充：3x16px；
显示：内联块；
}
标题div.info div.social{
浮动：对；
}
标题分区顶部导航分区社会a{
颜色：#333；
}
标题分区顶部导航分区社会a i{
填充：8px 16px；
}
标题div.top-nav div.social a i:悬停{
颜色：#6b；
过渡：0.5s；
}
.导航{
边框：实心1px；
}
标题部分导航部分品牌{
浮动：左；
}
标题div.nav div.links{
浮动：对；
}
标题部分导航部分品牌a{
显示：块；
颜色：#f07e0b；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
标题部分导航部分品牌a：悬停{
显示：块；
颜色：#ffc863；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
保险商实验室{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
}
李{
浮动：左；
}
李阿{
显示：块；
颜色：#333；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
李娜：停下来{
背景色：#111；
}

如果在顶部导航和底部周围放置1px边框，可以看到缺少的区域是由于顶部div没有填充父级高度的100%

通过删除将

设置为内联块的样式，您将删除这个小空间

header div.top-nav div.info {
    background-color: #f1f1f1;
    width: 100%;
    /* display: inline-block; */
}

/*标题div.nav{
背景色：#fff；
} */
收割台俯视导航{
溢出：隐藏；
边框：实心1px；
}
标题div.top-nav div.info{
背景色：#f1f1；
宽度：100%；
/*显示：内联块*/
}
标题div.info div.contact{
浮动：左；
}
收割台div.top-nav div.联系人a{
填充：3x16px；
显示：内联块；
}
标题div.info div.social{
浮动：对；
}
标题分区顶部导航分区社会a{
颜色：#333；
}
标题分区顶部导航分区社会a i{
填充：8px 16px；
}
标题div.top-nav div.social a i:悬停{
颜色：#6b；
过渡：0.5s；
}
.导航{
边框：实心1px；
}
标题部分导航部分品牌{
浮动：左；
}
标题div.nav div.links{
浮动：对；
}
标题部分导航部分品牌a{
显示：块；
颜色：#f07e0b；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
标题部分导航部分品牌a：悬停{
显示：块；
颜色：#ffc863；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
保险商实验室{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
}
李{
浮动：左；
}
李阿{
显示：块；
颜色：#333；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
李娜：停下来{
背景色：#111；
}

哪个版本的引导？哪个版本的引导？