如何删除两个CSS浮动之间的空间?

时间:2011-08-25 14:58:28

标签: css css-float

我有一个专为标签页导航设计的页面。顶部标签位于<li>中的<ul>个,并嵌套在父div和最顶层标题div中。标题div包含3个子div,logologo2menu。徽标div设置为向左浮动,其他两个向右浮动。但logo2 div和menu div之间存在一些不需要的空间(或流体间隙)。我希望这些div之间没有空间(或单个px的空间)。你可以看到一个工作小提琴 here 。我该如何解决这个问题?

我收到了这个

enter image description here

我想要这个

enter image description here

2 个答案:

答案 0 :(得分:1)

当调整窗口大小时,您的小提示会显示logomenu之间的拥抱差距。这就是你想要的吗?

我认为这就是你所追求的......

float更改为display:inline-block; s

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

答案 1 :(得分:1)

尝试从float: right元素中移除menu,或将其设置为float: left,具体取决于您希望logo2出现的方式。