Question

我们在标题问题中有一个锚标记。它在IE8和Firefox上运行良好。

知道如何阻止它弹出标题框吗？

以下是代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style>
    .wrapper { border: 1px solid black; }
    .wrapper h3 a { float: right; }
</style>
</head>
<body>
<div class="wrapper">

<h3>Contact Details
    <a href="#" class="action button">Update</a>
</h3>
</div>
</body>
</html>

Answer 1

首先放置右浮动元素。

<h3><a href="#" class="action button">Update</a>Contact Details</h3>

Answer 2

如果你漂浮它，你需要告诉h3清除它。我认为这样可行：

.wrapper h3 { overflow:hidden; zoom:1; }

LMK，如果没有。还有，我不会那样把锚放在h3里面。我可能会把它变成h3的兄弟，如果需要在两者周围包裹一个div然后应用溢出/缩放。

Answer 3

修正了它。以下是我在

中添加的两条额外规则

.wrapper h3 { overflow:hidden; zoom:1; } 
.wrapper h3 a { margin: -1em 0 0 0; }

IE6和IE7浮标头内的bug

3 个答案: