【如何让滚动条只在中间主题部分,不让滚动条出现在页眉和页脚部分? _布局 】 | IT修真院·坑乎
问题已收录 如何让滚动条只在中间主题部分,不让滚动条出现在页眉和页脚部分?
我也踩过这个坑( 1 )
已统计您的踩坑,无需重复点击
回答(1)
布局
详细描述
截图
代码
编辑于2024-04-26
  • [成都|荣耀师兄]JS-胡力耘
    1

    要实现这个功能采用页眉和页脚绝对定位的方式来实现,中间主体在top和bottom上同时偏移对于页眉和页脚的高度即可。

    .header {
    1.    positionabsolute;
    2.    top0;
    3.    height14rem;

    }


    .footer {
    1.    positionabsolute;
    2.    bottom0px;
    3.    z-index10;
    4.    width100%;
    5.    height12rem;

    }

    main-body {
    1.    positionabsolute;
    2.    top14rem;
    3.    bottom12rem;
    4.    overflow-xhidden;
    5.    width100%;


    编辑于2019-02-21