位置相對和正確的屬性

Question

我一直認爲通過將div設置爲relative並且right 0將div放置在最右邊，如果它的父級爲100％寬度。顯然我錯了，只有絕對的作品。那麼沒有辦法讓它與親戚一起工作嗎？

Answer 1

你必須設置父親是相對的，它是絕對定位的孩子。

.parent{ 
    position: relative; 
    width: 100%; 
} 
.right{ 
    position: absolute; 
    width: 200px; 
    height: 200px; 
    background: red; 
    top:0; 
    right:0; 
} 

喜歡這裏：http://jsfiddle.net/willemvb/n9Vrv/

Answer 2

那麼，有沒有辦法讓它與相關工作？

正確。相對定位是從靜態定位的位置偏移的位置。

您需要絕對定位以相對於包含塊的邊緣進行定位。

Answer 3

有一種方法可以使它對親戚有效。

一種方法是首先將顯示器的父級設置爲inline-flex。 （子）position:relative; margin-left:auto; right:0;。