当前位置：文江博客话题详情

CSS 溢出 IE 与 FF

发布于 2024-08-19 19:22:02 字数 138 浏览 7 评论 0原文

我试图拥有一行数字，如果该行比 100 像素宽，我希望出现一个水平 (x) 滚动条。

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

有人知道该怎么做吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

话少心凉 2024-08-26 19:22:02

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

回复收藏 0 原文

归途 2024-08-26 19:22:02

您可以尝试将其放在 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 标准 + 其他信息的比较（如果您好奇为什么会发生问题）

You could try put it in a DIV and make the div's position absolute.
But as I was just working on that can cause issues with FF / Chrome.
So you can put an IF statement in such as :

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

I just used that myself to make sure my content frame sat still. Although for your purposes you may need to incorporate telling the text not to wrap etc.

Gdluck

EDIT You could even just set a min width to your DIV ID? That would probably work just as well but then again if does cause issues with compatibility use an IF function.

Also see http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug Shows variations on how the box model from IE compares to the W3C standard + other info (If your curious as to why the problem you have is happening)

回复收藏 0 原文