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

标签 css html

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

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

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

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

谢谢。

最佳答案

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

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

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

关于css - 当浏览器改变大小时改变元素位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16447943/

相关文章:

javascript - 多级 Bootstrap 下拉列表的问题

jquery - 在流畅的幻灯片中,只希望中心幻灯片处于事件状态

javascript - 销毁ajax加载页面并隐藏div

html - 控制图像大小@top-right css

html - 如何修复 Bootstrap 部分在 sm 屏幕上一起运行?

html - 自定义字体不适用于 Bootstrap

html - 使用 CSS 制作箭头而不是圆 Angular

javascript - 如何更改文本区域的背景图像

html - 无法使用 goquery : some nodes are missing 收集 Google 搜索结果的所有节点

javascript - 如何在选项 1、选项 2 等中放置链接而不影响布局?