我正在制作一个网站,滚动条在任何浏览器中都没有显示......在 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;}
最佳答案
对于 #globalcontent
的样式使用,min-height:900px;
,而不是 height:900px;
此外,对于 html
的高度,100%
而不是 101%
。
更重要的是,考虑使用标准的、经过验证的布局,例如 "The Perfect 3 Column Liquid Layout" ( et cetera ) 而不是不必要地重新发明轮子。
关于css - 滚动条不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7035754/