Question

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

globalheader - ＆gt;位于页面顶部;
globalnav - ＆gt;应该在左侧，固定位置没有滚动效果。
globalcontent - ＆gt;在页面中间，这里显示所有数据和结果。
globalright - ＆gt;位于页面右侧 -

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; 另外，100%，而不是101%的{{1}}高度。

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

滚动条未显示

1 个答案: