如何在页面的右上角放置 div

如何使用 css 将 div 浮动到页面的右上角？我想浮动下面的 topcorner div:

<p><a href="login.php">Log in</a></p>


<div class="topcorner"><a href="home.php">Back to Home</a></div>

登录在左手边的角落，我想主页链接放在另一个角落,

240716 次浏览

小开

试试 css:

.topcorner{
position:absolute;
top:10px;
right: 10px;
}

您可以使用 top和 right属性。

如果你想浮动的 div甚至当你向下滚动，只是改变 position:absolute;到 position:fixed;。

希望能有帮助。

小开

你可以使用 cssfloat

<div style='float: left;'><a href="login.php">Log in</a></div>


<div style='float: right;'><a href="home.php">Back to Home</a></div>

看看这个 CSS 定位

小开

最佳答案

风格是:

<style type="text/css">
.topcorner{
position:absolute;
top:0;
right:0;
}
</style>

希望能成功。谢谢

小开

<style type="text/css">
.topcorner{
position:absolute;
top:10;
right:15;
}
</style>

您也可以在 CSS 外部文件中使用它。