css 解決fixed 布局下不能滾動的問題


如果我們布局的是后是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;

 }

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM