IE 8.0 中忽略 div 宽度
我的文档类型是:
<!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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
我不确定 IE8 问题是否是其他一些(通用?)CSS 覆盖了您的 CSS,但如果是这样,您可以尝试添加重要的!像这样的修饰符:
此外,如果您在某处覆盖默认包装,添加此 CSS 会将其恢复为默认值:
问题也可能出在
标记而不是 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:
Also, if you are overriding the wrapping default somewhere, adding this CSS will restore it to the default:
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.