如何让Firefox、google浏览器等非IE浏览器显示滚动条
ie和firefox等其他浏览器有个差别。ie下浏览器的右侧肯定会有滚动条,不管页面是不是够高。而firefox这些非IE浏览器在页面高度不超过一屏的情况下不会出现滚动条。加上这个样式,可以保证非IE浏览器右侧一直会出现滚动条。
方法1:
方法2:(firefox支持)
方法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>