您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

如何使用CSS放置固定高度可变的标题和可滚动的内容框?

如何使用CSS放置固定高度可变的标题和可滚动的内容框?

假设您position:fixed所说的“固定” ,我认为在纯CSS中是不可能的,因为position:fixed该元素会脱离文档流。

但是,只需花一两行JavaScript即可获得所需的内容。这样的事情(未经测试,仅出于示例目的,将需要调整语法以使其实际工作):

var height = document.getElementById("head").offsetHeight;
document.getElementById("content").style.marginTop = height + 'px';

诸如此类的东西可以使您获得固定的渲染高度,<div>并相应地设置内容<div>的边距。您还需要在固定对象上显式设置背景色<div>,否则滚动时内容似乎会渗入固定对象。

CSS 2022/1/1 18:19:16 有562人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶