浏览器更改大小时更改元素位置

时间:2013-05-08 18:44:02

标签: css html

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

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

但是right属性是从浏览器窗口开始的,而不是来自div。

我需要标签在浏览器消失时移动。

谢谢。

1 个答案:

答案 0 :(得分:2)

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

如果您真的想根据浏览器大小/资源调整CSS,请阅读CSS媒体查询:

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