css - 滚动条不显示

Question

我正在制作一个网站，滚动条在任何浏览器中都没有显示......在 Firefox 中我可以使用向下键在 Chrome 中向下移动最糟糕......我在下面显示我的代码并且我使用了分页的div标签..任何建议:

• globalheader-->在页面顶部；
• globalnav-->应在左侧且位置固定，无滚动效果。
• globalcontent-->在页面中间，我在这里显示所有数据和结果。
• globalright-->在页面右侧-

CSS 代码:

html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; height: 101%;}
body{ padding:0px; margin:0px; }

#globalheader{width:930px; height:28px;background:#fff; z-index:1; position:absolute;
                margin: 15px 200px 0px 200px; padding: 1px; float:left;  border:0px solid;  }  


#globalnav { float:left; margin:120px 0px 0px 0px; padding:0px; background:#FFF; z-index:2;
            position:fixed; left:0px; overflow:visible;   width:150px; height:auto;           border:0px solid #ababab;}

#globalright{  margin-top:50px; height:auto; width:205px; position: absolute; left:1055px;   
              right:0px; top:50px; border:#cdcdcd 0px solid;    }


#globalcontent{ margin:50px 105px 20px 215px; border:#aaa 1px solid;  height:900px;

                    float:left; width:761px;  border-top:none;}

Answer 1

对于 #globalcontent 的样式使用，min-height:900px;，而不是 height:900px;
此外，对于 html 的高度，100% 而不是 101%。

更重要的是，考虑使用标准的、经过验证的布局，例如 "The Perfect 3 Column Liquid Layout" ( et cetera ) 而不是不必要地重新发明轮子。