2010-05-30 70 views
8

我想要我的页面的主体不是可滚动但BODY内的DIV应该可滚动。 我有这个在我的CSS文件:如何使DIV滚动而不是BODY?


body { 
overflow:hidden 
} 

.mainSection { 
overflow:scroll 
} 

,但它不工作和DIV不会成为scrollabel(它只是显示了两个残疾人滚动条的DIV)!

回答

18

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

0

您确定您的mainSection类的风格正在应用?您可以使用诸如Web DeveloperFirebug(适用于Firefox)的工具来确保正确应用样式。另外如果你只有一个mainSection,你可能想使用一个id而不是一个类。然后在HTML标签将<div id="mainSection">而不是<div class="mainSection">和CSS成为#mainSection { ... }而不是.mainsection { ... }

0

我以前有同样的问题,但我可以设法解决它只是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

相关问题