html - 如何将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

你可以使用 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 定位

Answer 4

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

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