栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

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

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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

假设您

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

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

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

诸如此类的东西可以使您获得固定的渲染高度,

<div>
并相应地设置内容
<div>
的边距。您还需要在固定对象上显式设置背景色
<div>
,否则滚动时内容似乎会渗入固定对象。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/470658.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号