Question

我希望我的网页的BODY 不是可滚动但是BODY中的DIV应该是可滚动的。我在我的css文件中有这个：

body {
overflow:hidden
}

.mainSection {
overflow:scroll
}

但它不起作用，DIV不会成为scrollabel（它只显示DIV的两个禁用滚动条）！

Answer 1

.mainSection需要height。否则，浏览器无法知道它应该考虑什么overflow。

Answer 2

您确定要应用mainSection课程的样式吗？您可以使用Web Developer或Firebug（适用于Firefox）等工具来确保正确应用样式。此外，如果您只有一个mainSection，则可能需要使用id而不是类。 html中的标记将为<div id="mainSection">而不是<div class="mainSection">，而css将变为#mainSection { ... }而不是.mainsection { ... }

Answer 3

这里有很好的解释

http://www.w3schools.com/css/pr_pos_overflow.asp 你可以试验。

Answer 4

之前我遇到过同样的问题，但我可以设法用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中测试了自己

如何使DIV可滚动而不是BODY？

4 个答案: