html - IE7 文本对齐 :right not working

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)来解决这类问题。

另请查看 this类似问题