HTML/CSS：在H2元素浮動元素

<h2> 
    Log in 
    <a onclick="doSomething()" href="#" class="float-right">&nbsp;</a> 
</h2>

這是CSS：

.float-right { 
    float: right; 
    background: url(img.png); 
    width: 10px; 
    height: 10px; 
    text-decoration: none; 
}

因此，這應該使.float-right元素浮到文本的右側在標題中，但在IE7中它不是！我不關心IE6，我只需要在IE7和更新版本中使用它。

h2的CSS是什麼？寬度是多少？在h2元素上放一個邊框，看看寬度是多少。 – Zoidberg 2009-11-05 16:08:54

'h2'的CSS只是'font-size'，'font-weight'和'padding-bottom' ...應該是不相關的。 – 2009-11-05 16:11:56

您是否嘗試過移動編碼？

<h2> 
    <a onclick="doSomething()" href="#" class="float-right">&nbsp;</a> 
    Log in 
</h2>

2009-11-05 16:18:57 Samuel

這實際上有效......但爲什麼！？ – 2009-11-05 16:21:46

我認爲這是因爲默認情況下h2是一個塊，佔用了100％的寬度。 IE在查看浮動元素之前計算它的寬度。但這只是一個猜測。 – Samuel 2009-11-05 16:24:35

嘗試加入display:block;的CSS

2009-11-05 16:08:20

是的，那是缺少的，也看到我的其他評論。 – Zoidberg 2009-11-05 16:09:44

我認爲'display：block'被隱含在浮動元素上......當我添加該規則時，它仍然不起作用。 – 2009-11-05 16:13:09

回答