Css Internet Explorer->&书信电报;部门>&;宽度

Css Internet Explorer->&书信电报;部门>&;宽度,css,internet-explorer,html,Css,Internet Explorer,Html,我有一个页面在FireFox/Chrome/Opera/Safari中显示得很好,但在Internet Explorer中显示不正确。快速搜索会发现IE中div的许多问题,但是没有一个项目能够解决这个问题 问题是,在InternetExplorer中,DIV似乎扩展到了浏览器的整个宽度;这种行为在其他任何一种情况下都不会复制 代码如下: CSS在这里: IE渲染图像如下所示: Chrome渲染图像如下所示: 我们欢迎任何人帮助解决这一矛盾 谢谢, R当前代码中没有布局宽度/高度规范 将内容放入以

我有一个页面在FireFox/Chrome/Opera/Safari中显示得很好,但在Internet Explorer中显示不正确。快速搜索会发现IE中div的许多问题,但是没有一个项目能够解决这个问题

问题是,在InternetExplorer中,DIV似乎扩展到了浏览器的整个宽度;这种行为在其他任何一种情况下都不会复制

代码如下:

CSS在这里:

IE渲染图像如下所示:

Chrome渲染图像如下所示:

我们欢迎任何人帮助解决这一矛盾

谢谢,
R

当前代码中没有布局宽度/高度规范

将内容放入以像素为单位指定宽度的封闭div中


更好的做法是用类(或ID,如果只有一个类)标识div,并在CSS文件而不是HTML中定义实际的CSS。通过这种方式,您可以将演示文稿和标记分开,这样您就可以将相同的HTML发送到(比如)移动设备,但该设备使用不同的CSS文件。

同意。我倾向于将内容内联,直到我完全理解它们,然后提取它们。你有没有想过为什么Chrome/Safari/FireFox/等不以这种方式显示div,而IE却以这种方式显示div?当然,不同供应商的CSS解释器的工作方式有很多不同。这只是其中之一。在我看来,钻研这些怪癖没有什么可取之处,但最好从一开始就使用简单、明确说明符合标准的CSS。