0

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

我有一个 HTML5 表单,我想在其中对齐页面右侧的按钮。但仅在 IE9 中,它与似乎没有任何联系的 div 右对齐。

在 Chrome 和 Firefox 中,它看起来像这样: 在此处输入图像描述

那是期望的结果。

但在 IE9 中,它看起来像这样: 在此处输入图像描述

当我使用 F12 Developer 工具设置时,它在我选择“文档模式:IE7 标准”和任何浏览器模式时都可以使用。

HTML 看起来像这样,并且在http://html5.validator.nu/上经过 HTML5 验证: 在此处输入图像描述 如您所见,此 div 与其他 div 无关。

样式窗口如下所示(所有 css 文件都是 css3 有效的): 在此处输入图像描述

我已经尝试过像这里建议的那样放置一个跨度: Align Text in List in Div with CSS in Internet Explorer 9

欢迎任何其他建议,或者可以完成这项工作的解决方法。

4

1 回答 1

0

我终于想通了。在每个 dubhead div 之前添加以下行就可以了:

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

参考: - style="clear:both" 有什么用?

于 2013-02-01T12:28:01.903 回答