Question

我在确定如何在容器div中定位段落和链接时遇到了一些麻烦，在解释后的代码中说明了这一点。所以基本上，有一个整体容器（#container）包含任意数量的div（.c）。在每个单独的div中，有一个段落和一个链接。我想无论段落有多长，链接总是浮动在每个div的右上角。但是，目前它出于某种原因显示下一个div右上角的链接......

如果有人可以帮我解决这个问题，也许可以在这件事上给我启发，我们将不胜感激！

<head>
<style type="text/css">
#container{
    width:500px;
}
p{
    width:450px;
}
a{
    float:right;
}
</style>
</head>
<div id="container">
<div class="c"><p>Some text here asdf asdf asdf asdf asdf asd fasd fsa dfsa df asdf sadf sa dfa sdf sadf asd fsa df sadf asdf asdf asd fas df asdf as </p><a href="delete.php">X</a></div>

<div class="c"><p>Some text here asdf asdf asdf asdf asdf asd fasd fsa dfsa df asdf sadf sa dfa sdf sadf asd fsa df sadf asdf asdf asd fas df asdf as </p><a href="delete.php">X</a></div>
</div>

Answer 1

将锚标记放在段落标记之前，它将浮动到段落的右侧，但这将限制段落的宽度。

如果你真的想要它超过段落，请使用：

#container {position：relative; } a {position：absolute; top：0; right：0}

如果需要，后一种方法将允许锚定位在段落的顶部。

Answer 2

尝试将<a>元素放在 <p>元素之前，我想这应该可以解决问题。

Answer 3

将链接放在段落之前。浮动内容会浮动到其后面的内容的一侧，而不是它之前的内容。

在div中定位两个元素

3 个答案: