在IE 8.0中忽略div宽度

时间:2011-08-19 09:23:20

标签: internet-explorer styles

我的文档类型是:

<!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设置的宽度?你怎么克服这个。

1 个答案:

答案 0 :(得分:1)

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

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

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

white-space: normal !important;

问题也可能在于<p>标记而不是div,因此请尝试使用IE Developer工具来追踪实际上具有不必要的宽度的元素。