欢迎来到361模板(www.ke361.com),原创精品织梦模板提供商。QQ快速注册登录 网站托管 VIP 网站定制

织梦模板

当前位置:织梦模板 > 技术文档 > 程序代码 > css解决fixed布局不会出现滚动条的问题
这篇文章主要为大家详细介绍了css解决fixed布局不会出现滚动条的问题,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。

如果我们布局的是后是fixed并且想要高度为100%的时候,我们一般会这样设置:

  width: 100%;
  height: auto;
  z-index: 9999999;
  padding-bottom: 1rem;
  position: fixed;
  top: 0;
  overflow-y: scroll;
  overflow-x: hidden;

但是这样并不会出现滚动条,正确的做法应该设置top和bottom为0:

width: 100%;
  height: auto;
  z-index: 99999999;
  padding-bottom: 1rem;
  position: fixed;
  top: 0;
  bottom: 0;
  overflow-y: scroll;
  overflow-x: hidden;

 ———————————————— 

以上就是css解决fixed布局不会出现滚动条的问题的解决方法。


以上就是css解决fixed布局不会出现滚动条的问题的全部内容,希望对大家的学习和解决疑问有所帮助,也希望大家多多支持361模板网。

感谢打赏,我们会为大家提供更多优质资源!

热词标签: css fixed 滚动条 css布局

上一篇织梦二开:dede图片标签替换img转img-mip及style取消处理

下一篇MIP改造后添加CNZZ统计代码方法

取消

感谢您的支持,我们会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

Powered by361模板网,分享从这里开始,精彩与您同在