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

标签 css css-float

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

我明白了

enter image description here

我想要这个

enter image description here

最佳答案

当调整窗口大小时,您的 fiddle 在 logomenu 之间显示了一个拥抱间隙。这是你想要的吗?

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

float 更改为 display:inline-block;

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

关于css - 如何删除两个 CSS float 之间的空间?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7192621/

相关文章:

html - JCarousel 无法在 Internet Explorer 8 中呈现

javascript - 需要使用兄弟选择器切换/删除类

html - 如何使下拉菜单延迟关闭

javascript - 如何规避 float :left; behavior in a masonry layout

html - ul 上的一个不方便的空白

html - 无法找到使反增量工作的方法(Chrome/Firefox)

css:过滤器如何对某个类禁用它们?

css - 让漂浮的 child 在溢出之外可见 :hidden parent

css-float - 相对于祖先或较早的兄弟定位元素

javascript - firefox 不尊重 float 方向的 javascript 更改