我的固定标题与我的内容重叠。很像这里(位置固定内容重叠问题)
但是我的标头是动态的,因此高度有时不总是50px,有时52,100 ...
尝试将其更好地放置在您的盒子中。
创建固定元素时,它需要一个确切的位置:
例子:
#header{
height: 95px;
width: 640px;
position: fixed;
top: 30px;
right: 30px;
}
因此,这就是您的浏览器的阅读方式:我将在屏幕的右上角放置一个固定元素:距屏幕顶部30像素,距屏幕右侧30像素。
之所以那些固定的元素是在另一个那是因为他没有定义个顶个的顶部/底部和左/右正确位置。添加更多文本,您将看到是否可以滚动固定元素(您不能..)。
将所有内容放入div中,并ID#it#bigBody。给#bigBody一个确切的宽度和高度,比方说1000宽度和600高度。现在添加这些:
#header {
height: 50px;
width: 600px;
position: fixed;
top: 30px;
right: 30px;
}
#footer {
background: #fff;
bottom: 0;
right: 0;
height: 30px;
width: 600px;
position: fixed;
}
最小宽度在这里无关紧要...仅在设计需要多个设备访问权限的大型网站(例如iPhone,平板电脑等)时才使用此功能...如果您只是在玩代码而已,则请坚持使用基础知识。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句