html - 在 FireFox 中的两列布局中使用 float 时不需要的空白区域

标签 html css

我在使用 Fire Fox 中的两列布局时遇到一些问题。在 Chrome 中看起来应该是这样。但是在 Fire Fox 中,当我使用 float: left; 时,文本和菜单之间有一个 50 像素高的空白区域;对于左列和 float :右;对于右栏。我不明白为什么,我在 CSS 中搜索错误,但我找不到任何错误,我不知道我是否做错了什么。我用过 Fire Bug,但它就像一个死区。感谢帮助!谢谢!

最佳答案

如果您将 overflow: hidden 添加到 #wrapper-body ,多余的空间将被删除(在 Firefox 12 上)

#wrapper-body {
    ...
    overflow: hidden;
}

截图:

enter image description here

关于html - 在 FireFox 中的两列布局中使用 float 时不需要的空白区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10616293/

相关文章:

css - 在不创建额外空白的情况下在 iFrame 中缩小文本/内容

jquery - 元素在移动版 chrome 和 safari 中不可见

javascript - 无法删除最后一个前置对象

internet-explorer - 如何在 Internet Explorer 中旋转

html - 在现有代码中使用 CSS/HTML 添加移动/淡入淡出过渡或效果

css - 4 个固定宽度的列,左上角的框跨越 2 列。居中。如何?

javascript - “onsubmit”未运行 javascript 函数

javascript - 我想为这个径向渐变和 div 生成边框

html - 显示单个图像还是显示图像拼贴的一部分?

javascript - 如何统一更改字体大小?