解决方法：
在子网页设置css如下：
html
{
overflow-y:auto!important
*overflow-y:scroll
}
（在兼容模式下不能在body{}里面定义，要在html{}中定义）这段最重要的一点是设置overflow-y为scroll，这样强制出现垂直滚动条的话，水平滚动条就不会显示出来了，但如果宽度超出过多，水平滚动条还是会超出，这时可以考虑设置:overflow-x:hidden，但相应的，这样用户就无法滚动子页面了。
之所以要加overflow-y:auto!important，是因为IE7中已没有这个bug，并且firefox也能认到overflow-y这个据说是IE的私有属性……，所以我们还要把overflow设回来。
1、完全隐藏
在
里加入scroll="no"，可隐藏滚动条；
2、在不需要时隐藏
指当浏览器窗口宽度或高度大于页面的宽或高时，不显示滚动条；反之，则显示；
3、样式表方法
在
里加入style="overflow-x:hidden"，可隐藏水平滚动条；加入style="overflow-y:hidden"，可隐藏垂直滚动条。
这种方法在页面头部为：http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这种兼容模式下是不行的，其它的没试过，最后终于找到了正确的方法：
被包含页面里加入
html
{
overflow-x:hidden
}
有一段解释是这样说的：body{
overflow-x:hidden
}在标准
DTD
下是不可以的。
4、另一种方法
body
{
overflow-x:hidden
/*隐藏水平滚动条*/
overflow-y:hidden
/*隐藏水平滚动条*/
}
此方法在页面头部为：http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这种兼容模式下也是不行的。
html
{
overflow-x:hidden
/*隐藏水平滚动条*/
overflow-y:hidden
/*隐藏水平滚动条*/
}
定义在html里就好了。
试下我的例子，第一个超出滚动，第二个超出隐藏
<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
<style>
div.scroll {
background-color: #00FFFF
width: 100px
height: 100px
overflow: scroll
}
div.hidden {
background-color: #00FF00
width: 100px
height: 100px
overflow: hidden
}
</style>
</head>
<body>
<p>overflow 属性规定当内容溢出元素框时发生的事情。.</p>
<p>overflow:scroll</p>
<div class="scroll">You can use the overflow property when you want to have better control of the layout. The default value is visible.</div>
<p>overflow:hidden</p>
<div class="hidden">You can use the overflow property when you want to have better control of the layout. The default value is visible.</div>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）