定位div，在另一個div上對齊 - right

-1

確定在居中的div中有一個圖像，它位於頁面的中心。它的寬度是400px。定位div，在另一個div上對齊 - right

我想要實現的是：

放置另一個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; }

Example here

來源

2012-10-28 Xfile

圖片和您的當前代碼會創造奇蹟。 – Daedalus

我沒有CSS代碼，因爲..我期待這個答案後寫它：P – Xfile

偉大，和一個代表性的圖片..？ –

只要做到這一點，它應該工作：

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

我知道你要避免使用頂部和右側，但如果你這樣做，.INFO類位於。非完美的右上角class div，而不是整個頁面:)

來源

2012-10-28 22:49:07

THAAAAAAAAAAAAAAAAAAAAAAAAAANX：DDDDDDD – Xfile

不用擔心啦:) –

我怕我真的不知道如何做到這一點節省float: position或right: 0。我設法達到你想要使用的是什麼兩個位置..包含div的relative，和內部的div absolute：

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

除此之外，作爲@HashemQolami說，只是從你的代碼中刪除position: absolute，和it works fine。

來源

2012-10-28 22:48:59 Daedalus

定位div，在另一個div上對齊 - right

回答

相關問題