-1

OK、ページの中央に配置された中央の div に画像があります。その幅は 400px です。

私が達成しようとしているのは次のとおりです。

  • 別の div を配置するには、その div の内側に、CSS を介して配置します。

さまざまな画面解像度があるため、コマンド「top:, right:」は避けたいと考えています。

それを達成する方法は？

<div class="non"><div class="info">Go top right</div><a href=""><img src="images/top.jpg"></a></div>

CSS..

.non { width:400px; background-color:#d20000;  }
.info { position:absolute;float:right; background-color:#efefef; }

例はこちら

4

2 に答える 2

2

これを行うだけで、うまくいくはずです：

.non { width:400px; background-color:#d20000; position: relative; }
.info { position:absolute; top: 0px; right: 0px; background-color:#efefef; }

上と右の使用を避けたいことはわかっていますが、これを行うと、.info クラスは、ページ全体ではなく、.non クラス div の完全な右上隅に配置されます:)

于 2012-10-28T22:49:07.423 に答える
1

float: position残念ながら、またはを保存する方法がよくわかりませんright: 0。relative含まれている div とabsolute内側の div の2 つの位置を使用して、目的を達成することができました 。

.non {
    width:400px;
    background-color:#d20000;
    position: relative;
}
.info {
    position:absolute;
    background-color:#efefef;
    right: 0;
}​

それ以外は、@HashemQolami が言ったようにposition: absolute、コードから を削除するだけで問題なく動作します。

于 2012-10-28T22:48:59.920 に答える