css两个div不同时滚动

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

CSS是网页设计中最基本的技术之一。在CSS中,有一种非常常见的需求:两个div不同时滚动。这种需求在很多网页设计中非常常见,比如有一个标题栏和一个内容区域,标题栏不需要滚动但内容区域需要滚动。下面我

CSS是网页设计中最基本的技术之一。在CSS中,有一种非常常见的需求:两个div不同时滚动。这种需求在很多网页设计中非常常见,比如有一个标题栏和一个内容区域,标题栏不需要滚动但内容区域需要滚动。下面我们来介绍一下如何通过CSS来实现这种需求。

<div style="height:50px;overflow:hidden;">
   <!--这里是标题栏-->
</div>
<div style="height:200px;overflow:auto;">
   <!--这里是内容区域-->
</div> 

以上代码中,我们使用了两个

标签来分别实现标题栏和内容区域,并分别给两个
标签设置了不同的高度。具体来说,标题栏的高度设置为50px,内容区域的高度设置为200px。同时,在标题栏的

粉丝

0

关注

0

收藏

0

已有0次打赏