當瀏覽器改變大小時更改元素位置

Question

我在div的右下角有2個<label>，它位於瀏覽器的中心，寬度/高度爲200px/200px。當我更改瀏覽器大小時，我的標籤會在瀏覽器的右側消失。當瀏覽器大小發生變化時，如何讓標籤移動到右側？我儘量讓：

.my_label{ 
    position:absolute; 
    right: 20px; 
} 

但right屬性是直接從瀏覽器窗口，而不是從股利。

我需要標籤只有在瀏覽器消失時纔會移動。

謝謝。

Answer 1

正如George所述，使父position:relative的子元素的位置相對於包含元素（而不是窗口）是絕對的。

如果你真的想基於瀏覽器的大小/ RES調整你的CSS，閱讀了關於CSS媒體查詢：

https://developer.mozilla.org/en-US/docs/CSS/Media_queries