html - 尊重位置高度的静态或相对定位元素 :fixed element?

标签 html css

我有一个 position:fixed 元素,其高度因页面而异。在该元素下方,我有一个 position:staticposition:relative 元素。有没有办法让静态/相对元素遵守 position:fixed 元素的高度?

下面有一个 fiddle 演示了我的难题:

http://jsfiddle.net/rZ7hc/2/

最佳答案

只是将答案作为实际答案:

不,没有办法让静态/相对元素尊重 position:fixed 元素的高度不使用 JavaScript

您可以使用类似以下 jsfiddle 的东西轻松地做到这一点:

$('#not-fixed').css('padding-top', $('#fixed').outerHeight() + 10);

http://jsfiddle.net/VYrsU/1/

关于html - 尊重位置高度的静态或相对定位元素 :fixed element?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17094739/

相关文章:

javascript - 如何隐藏 &lt;input&gt; 和 <button> 标签的边框?

html - 如何在 Chakra UI 元素中添加::-webkit-scrollbar 伪元素? ( react )

html - chrome 不尊重 flexbox 中的图像纵横比

javascript - 在按钮上关闭响应响应左栏单击 jquery C#

javascript - 根据下拉值更改复杂文本

javascript - 如何让下拉框里面显示的值不是这个值呢?

javascript - 克隆行及其事件javascript

python - 如何使用 Flask 构建离线网络应用程序?

带有图像的 css 网格,第一个图像宽度为 50%,其他图像宽度为 25%

html - 在所有浏览器中垂直对齐标签和文本框