美文网首页
div 实现页面上下固定,中间部分随滚动条滚动的布局

div 实现页面上下固定,中间部分随滚动条滚动的布局

作者: 枫_d646 | 来源:发表于2018-01-19 14:11 被阅读0次
  1. 头部定义一个div,固定高度,设置绝对定位(position:absolute),设置上边距(top:0);
  2. 底部定义一个div,固定高度,设置绝对定位(position:absolute),设置下边距(bottom:0);
  3. 中间定义一个div,设置滚动条自动( overflow: auto); 设置绝对定位(position:absolute),设置top和bottom,top的值等于头部div的高度,bottom的值等于底部div的高度

相关文章

  • div 实现页面上下固定,中间部分随滚动条滚动的布局

    头部定义一个div,固定高度,设置绝对定位(position:absolute),设置上边距(top:0); 底部...

  • CSS实现窗体无滚动条滚动

    前言:实现固定宽高的div内容可滚动,但是又不因为滚动条的出现,影响页面美观 常规情况下,固定宽高的div滚动,默...

  • 移动端

    一、 常见布局 1) 静态布局 传统web布局。固定大小,在屏幕大小进行调整是,出现滚动条,使用滚动条实现页面的浏...

  • 2019-03-25移动端适配

    一、 常见布局 1.静态布局 传统web布局。固定大小,在屏幕大小进行调整使其出现滚动条,使用滚动条实现页面的浏览...

  • Flex布局实现上下固定中间部分滚动

    flex 布局简介在上一篇可以找到,不再赘述。此篇主要介绍使用Flex布局、传统的 position 布局如何解决...

  • ScrollView嵌套ListView滑动冲突处理

    需求: 实现一个页面上整体内容可以上下滚动,页面的上半部分是一些固定内容,下半部分是一个固定高度的列表。这种布局页...

  • DIV CSS 上下左右滑动

    div显示上下左右滚动条 这里是你要显示的内容 div显示上下滚动条的css代码 这里是你要显示的内容 div...

  • CSS布局

    单列布局 实现方式: 定宽+水平居中 max-width和width的区别:固定宽度当浏览器缩小时页面出现滚动条;...

  • 9. CSS布局

    常见布局(PC) 固定宽度布局——缺点:屏幕尺寸不够时会出现滚动条。 弹性布局(布局随浏览器变化)——缺点:代码复...

  • CSS布局

    常见布局(PC) 固定宽度布局简单但是窗口宽度小的时候会出现滚动条 弹性布局(fluid)页面较为美观但是较为复杂...

网友评论

      本文标题:div 实现页面上下固定,中间部分随滚动条滚动的布局

      本文链接:https://www.haomeiwen.com/subject/sqbooxtx.html