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

Question

如何使用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>

登录进入左手角落，我想把家里的链接放在其他角落，

Answer 1

风格是：

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

希望它能奏效。 感谢

Answer 2

尝试使用css：

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

您可以使用top和right属性。

如果您希望在向下滚动时浮动div，只需将position:absolute;更改为position:fixed;。

希望它有所帮助。

Answer 3

您可以使用css float

<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 Positioning

Answer 4

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

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