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

use*_*374 50 html css

如何使用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>
Run Code Online (Sandbox Code Playgroud)

登录在它做的左手角落,我希望家庭链接放在其他角落,

Sha*_*ukh 96

风格是:

<style type="text/css">
 .topcorner{
   position:absolute;
   top:0;
   right:0;
  }
</style>
Run Code Online (Sandbox Code Playgroud)

希望它会奏效.谢谢

  • 如果你使用绝对定位,为什么要"漂浮"?为什么不只是'正确:0`? (6认同)
  • 这似乎将 div 定位在更高级别(可能定位的)父 div 的右上角,而不是浏览器镶边的右上角。 (2认同)

dun*_*nli 20

试试css:

.topcorner{
    position:absolute;
    top:10px;
    right: 10px;
 }
Run Code Online (Sandbox Code Playgroud)

你可以玩topright属性.

如果你想div在向下滚动时浮动,只需position:absolute;改为position:fixed;.

希望能帮助到你.


mbh*_*n88 6

你可以使用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>
Run Code Online (Sandbox Code Playgroud)

看看这个CSS 定位