CSS:偏移绝对定位元素的高度

标签 css css-position absolute

我正在尝试破解 position: absolute; 元素的正常行为,以便它占据正常高度并与其下方的元素很好地配合。

通常我可能会在它下面的元素上做一个快速而肮脏的 margin-top: XXpx,但我使用的是响应式 CSS 框架,它会随着视口(viewport)的变化而崩溃。我需要绝对定位以将一个部分(白框)扩展到页面的整个宽度,而另一部分适合在中心的一个环绕内。

执行此操作的正确方法是什么?

The text in the red box continue behind the white box

最佳答案

正确的方法是使用媒体查询。

检查以下链接:

Mediaqueri.es

Developer.mozilla.org: Media queries

css-tricks.com: Media queries

谢谢 AB

关于CSS:偏移绝对定位元素的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17584533/

相关文章:

path - PHPStorm 无法解析绝对包含路径

html - 我如何将此菜单放在其父 div 的右下角?

html - 将绝对 div 定位在内联跨度的边缘

javascript - 如何使用纯 JavaScript 获得随页面滚动并在到达顶部导航时粘贴的导航

html - 如何使每个其他 div 具有不同的颜色

html - 如何使导航栏中的文本居中?

CSS 位置底部不会到达底部(仅在 Chrome 中)

html - 两个固定元素上的 z-index 不起作用

css - 即使具有高 z-index,WordPress 子菜单也会出现在内容后面

html - 将 div 放置在覆盖层内