html - IE7 文本对齐：右不工作

Question

我有一个 h3 和一个 h1 标签：

<div id="header">
    <div class="title">
        <img class="logo" src="images/logo.png" />
        <h3>Title1</h3>
        <h1><a href="#">Title2</a></h1>
    </div><!-- end .title -->
</div><!-- end #header -->

#header {
 background: transparent url(images/header_bg.png) top center no-repeat;
 margin: 30px auto 0;
 width: 960px;
 height: 240px;
}
#header .title { float: right }
#header h1,
#header h2,
#header h3 {
 text-align: right;
 border: none;
 padding: 0;
}

在 IE7 中，h3 正确对齐，但 h1 没有。为什么？

Answer 1

指定显式宽度.title div- 您应该使用 IE 开发人员工具（按 F12）来解决这类问题。

也看看这个类似的问题