我有一个必须保持固定的标题,但它与标题后面的内容重叠。我已经尝试了位置:粘性但不是真的在寻找它。
我的标题是动态的,无法为其设置固定的高度,因为标题中的徽标必须根据浏览器的大小调整大小。底部:0;不是我想要的。
在英雄级别的顶部添加一定比例的保证金并不适用于我,因为标题需要适合英雄级别,而不会在调整大小时更改其间的空间。
英雄级别的位置必须保持相对,因为其中的内容需要它。
是否有可能不通过javascript执行此操作?
这是我的代码:
header {
width: 90%;
height: auto;
background-color: #D9D9D9;
position: fixed;
top: 0;
z-index: 9999;
}
.hero {
background-image: url(../images/hebiasgrafiek.jpg);
background-repeat: no-repeat;
background-size: 100% 100%;
padding-bottom: 0px;
height: 20%;
position: relative;
border-bottom: 1px solid #FFF;
}
答案 0 :(得分:-1)
有点奇怪,但你可以复制你的标题代码。使其中一个修复。然后另一个只是一个静态块级元素将在固定标题下面呈现,并始终将内容推送到正确的数量。
虽然你说你不能使用固定的高度,但也许你可以。您只需使用在不同断点处设置为不同高度的固定高度,然后使用定位或边距在相同断点处将内容向下推动相同距离。