IE 8.0 中忽略 div 宽度

发布于 2024-11-30 15:44:17 字数 426 浏览 1 评论 0原文

我的文档类型是:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML
1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

我在页面上有一个这样的 div:

<div style="width:400px;">
<p>Some content and some more content etc.</p>
</div>

在 IE 8.0 中查看此内容时,div 宽度将被忽略,并且 div 不仅占据整个屏幕,而且如果段落标签之间的文本足够长,则会出现偏差屏幕右侧。

那么,IE 8.0完全忽略了div的宽度设置?请问你如何克服这个问题。

My doc type is:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML
1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

I have a div on the page like this:

<div style="width:400px;">
<p>Some content and some more content etc.</p>
</div>

When viewing this in IE 8.0 the div width is ignored and the div occupies not just the whole screen but, if the text between paragraph tags is long enough, goes way off the screen to the right.

So, IE 8.0 completely ignores the width set for the div? How do you get over this please.

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

扫码二维码加入Web技术交流群

发布评论

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

评论(1

倾城花音 2024-12-07 15:44:17

我不确定 IE8 问题是否是其他一些(通用?)CSS 覆盖了您的 CSS,但如果是这样,您可以尝试添加重要的!像这样的修饰符:

<div style="width: 400px !important;">
<p>Some content and some more content etc.</p>
</div>

此外,如果您在某处覆盖默认包装,添加此 CSS 会将其恢复为默认值:

white-space: normal !important;

问题也可能出在

标记而不是 div 上,因此尝试使用 IE Developer 工具来追踪哪个元素实际上具有不必要的大宽度。

I'm not sure if the IE8 issue is that some other (generic?) CSS is overriding yours, but if so, you can try adding the important! modifier like this:

<div style="width: 400px !important;">
<p>Some content and some more content etc.</p>
</div>

Also, if you are overriding the wrapping default somewhere, adding this CSS will restore it to the default:

white-space: normal !important;

The issue may also be with the <p> tag rather than the div, so try using IE Developer tools to track down which element actually has the unnecessarily large width.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文