Question

我无法在跨度的右上角放置（div）元素。它适用于FF3，但不适用于IE7：

<html>
<head>
<style>
body
{
    font-size: 24px;
}

.tag
{
    padding: 3px;
    background-color: lightblue;
    position: relative;
}

.x
{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 10px;
    height: 10px;
    background-color: orange;
}
</style>
</head>
<body>
text <span class="tag">tag<div class="x"></div></span> text 
</body>
</html>

在FF3中，在浅蓝色框的右上角渲染一个10x10橙色框。我无法在IE7中使用它。谢谢！

Answer 1

首先，为您的网页获取正确的文档类型，以便它不会以怪癖模式呈现。

W3C: Recommended list of DTDs

其次，确保代码有效。您不能将块元素（div）放在内联元素（span）中。

W3C markup validation

Answer 2

如果您将来在IE 7中定位时遇到问题，也可以看到post

在IE中<span>的右上角放置一个元素</span>

2 个答案: