CSS溢出IE vs FF

Question

我正在尝试使用一行数字，如果行宽比让我们说100像素宽，我想要一个水平（x）滚动条出现。

这很容易在FireFox中实现，但是IE不断折叠列表并给我一个垂直（y）滚动条，我想要的项目出现在下面。

谁知道怎么做？

Answer 1

尝试将“white-space”设置为“nowrap”。

Answer 2

你可以尝试把它放在DIV中并使div的位置绝对。 但正如我刚才所做的那样可能会导致FF / Chrome出现问题。 所以你可以把IF语句放在如下：

            <!--[if IE]>
    <style>
            .content{
            position: absolute;
            }
            </style>
    <![endif]-->

我只是用它来确保我的内容框架静止不动。虽然为了您的目的，您可能需要合并告诉文本不要包装等。

Gdluck

编辑您甚至可以将最小宽度设置为您的DIV ID？这可能也会起作用，但如果导致兼容性问题使用IF函数则会再次起作用。

另请参阅http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug显示IE中的盒子模型与W3C标准+其他信息的比较（如果您对发生问题的原因感到好奇）

Answer 3

由于IE和FF的盒子模型存在差异，可能会发生这种情况，你需要增加内容区域的宽度（和/或高度），然后看看。