如何让Firefox、google浏览器等非IE浏览器显示滚动条

ie和firefox等其他浏览器有个差别。ie下浏览器的右侧肯定会有滚动条,不管页面是不是够高。而firefox这些非IE浏览器在页面高度不超过一屏的情况下不会出现滚动条。加上这个样式,可以保证非IE浏览器右侧一直会出现滚动条。

方法1:
html,body {min-height:101%}

方法2:(firefox支持)

html {
overflow:-moz-scrollbars-vertical;
}

 

解决流动与浮动层嵌套高度不自适得2种方法:
还有一种是clear:both;
代码
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
body
{
margin
: 0px;
padding
:0px;
}
#content
{
border
:1px #996600 solid;
padding
:10px;
margin
:20px auto;
overflow
:auto;
display
:inline-block;
}
#content1
{
border
:1px #996600 solid;
padding
:10px;
margin
:20px auto;
overflow
:hidden;height:100%;
}
.layer1
{
float
:left; height:100px; width:50px; background:#FF9900; margin:10px;}
.layer2
{
float
:left; height:100px; width:50px; background: #FFFF66;}
-->
</style></head>
<body>
<div id="content">
<div class="layer1"></div>
<div class="layer2"></div>
</div>
<div id="content1">
<div class="layer1"></div>
<div class="layer2"></div>
</div>
</body>
</html>

 

posted @ 2010-04-16 11:34  幸福的蜗牛  阅读(1383)  评论(0编辑  收藏  举报