css - 如何删除两个 CSS float 之间的空间？

Question

我有一个专为标签页导航设计的页面。顶部的标签是 <li> s 在 <ul>并嵌套在父 div 和最顶层的标题 div 中。标题 div 由 3 个子 div 组成，logo , logo2 , 和 menu . Logo div 设置为向左浮动，其他两个向右浮动。但是 logo2 之间有一些不需要的空间(或流体间隙) div 和 menu分区我不希望这些 div 之间有空格(或单个 px 的空格)。你可以看到一个工作 fiddle here 。我该如何解决这个问题？

我明白了

我想要这个

Answer 1

当调整窗口大小时，您的 fiddle 在 logo 和 menu 之间显示了一个拥抱间隙。这是你想要的吗？

我想这就是你想要的......

将 float 更改为 display:inline-block;

示例:http://jsfiddle.net/jasongennaro/wVBxy/1/