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

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ポジショニングを見てください

Answer 4

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

これは CSS 外部ファイルでも使用できます。