Internet Explorer 9不对齐div中的文本

时间：2013-01-25 10:38:19

标签： html5 css3 internet-explorer-9

我有一个关于IE9和CSS的问题。

我有一个HTML5表单，我想对齐te页面右侧的按钮。但只有在IE9中，它才会与div似乎没有任何连接。

在Chrome和Firefox中，它看起来像这样： enter image description here

这是理想的结果。

但在IE9中，它看起来像这样： enter image description here

当我使用F12开发者工具设置时，当我选择“文档模式：IE7标准”和任何浏览器模式时，它都有效。

HTML看起来像这样，并且在http://html5.validator.nu/上验证了HTML5： enter image description here 正如您所看到的，这个div与其他div无关。

样式窗口如下所示（所有css文件都是css3有效）： enter image description here

我已经尝试过像这里建议的范围： Align Text in List in Div with CSS in Internet Explorer 9

欢迎提出任何其他建议，或者可以解决这些工作。

1 个答案:

答案 0 :(得分：0)

我终于明白了。在每个dubhead div之前添加以下行可以解决问题：

<div style="clear:both;"></div>

参考文献： - What is the use of style="clear:both"?

相关问题
最新问题