css - 当浏览器改变大小时改变元素位置

Question

我有 2 <label>在div的右上角它位于浏览器的中心，宽度/高度为 200px/200px。当我更改浏览器大小时，我的标签会在浏览器右侧消失。当浏览器大小发生变化时，如何使标签移动到右侧？我试着做:

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

但是right属性直接来自浏览器窗口，而不是来自 div。

我需要标签只有在它随浏览器消失时才会移动。

谢谢。

Answer 1

正如 George 所说，使父 position:relative 使您的子元素的位置相对于包含元素(而不是窗口)是绝对的。

如果您真的想根据浏览器大小/分辨率调整 CSS，请阅读 CSS 媒体查询:

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