我想要我的页面的主体不是可滚动但BODY内的DIV应该可滚动。 我有这个在我的CSS文件:如何使DIV滚动而不是BODY?
body {
overflow:hidden
}
.mainSection {
overflow:scroll
}
,但它不工作和DIV不会成为scrollabel(它只是显示了两个残疾人滚动条的DIV)!
我想要我的页面的主体不是可滚动但BODY内的DIV应该可滚动。 我有这个在我的CSS文件:如何使DIV滚动而不是BODY?
body {
overflow:hidden
}
.mainSection {
overflow:scroll
}
,但它不工作和DIV不会成为scrollabel(它只是显示了两个残疾人滚动条的DIV)!
.mainSection
需要有一个height
。否则浏览器无法知道它应该考虑什么overflow
。
您确定您的mainSection
类的风格正在应用?您可以使用诸如Web Developer或Firebug(适用于Firefox)的工具来确保正确应用样式。另外如果你只有一个mainSection,你可能想使用一个id而不是一个类。然后在HTML标签将<div id="mainSection">
而不是<div class="mainSection">
和CSS成为#mainSection { ... }
而不是.mainsection { ... }
这里是整个事情很好地解释
我以前有同样的问题,但我可以设法解决它只是overflow: auto;
。尝试一下,它会工作。
更新
完整的HTML代码看起来像这样
<html>
<head>
<title>Test page</title>
<style type="text/css">
#scrollable_div{
overflow: auto;
width: 100px;
height: 100px;
border: solid thin black;
}
</style>
</head>
<body>
<div id="scrollable_div">my div text</div>
</body>
完美的作品在任何浏览器。我在Chrome中测试了自己,IE,Safari,Mozilla和Opera