码迷,mamicode.com
首页 > Web开发 > 详细

css 解决fixed 布局下不能滚动的问题

时间:2018-08-14 14:37:46      阅读:1019      评论:0      收藏:0      [点我收藏+]

标签:css   color   col   bottom   code   over   pos   content   滚动条   

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

 

 1  
 2 div {
 3  
 4     display:fixed;
 5  
 6     height:100%;
 7  
 8     overflow:scroll;
 9  
10 }

 


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

 

 
.fixed-content {

    top: 0;
 
    bottom:0;
 
    position:fixed;
 
    overflow-y:scroll;
 
    overflow-x:hidden;

 }

  

css 解决fixed 布局下不能滚动的问题

标签:css   color   col   bottom   code   over   pos   content   滚动条   

原文地址:https://www.cnblogs.com/fuzitu/p/9473508.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!