如何使DIV滾動而不是BODY？

我想要我的頁面的主體不是可滾動但BODY內的DIV應該可滾動。我有這個在我的CSS文件：如何使DIV滾動而不是BODY？

body { 
overflow:hidden 
} 

.mainSection { 
overflow:scroll 
}

，但它不工作和DIV不會成爲scrollabel（它只是顯示了兩個殘疾人滾動條的DIV）！

來源

2010-05-30 user353901

.mainSection需要有一個height。否則瀏覽器無法知道它應該考慮什麼overflow。

來源

2010-05-30 08:08:46

您確定您的mainSection類的風格正在應用？您可以使用諸如Web Developer或Firebug（適用於Firefox）的工具來確保正確應用樣式。另外如果你只有一個mainSection，你可能想使用一個id而不是一個類。然後在HTML標籤將<div id="mainSection">而不是<div class="mainSection">和CSS成爲#mainSection { ... }而不是.mainsection { ... }

來源

2010-05-30 08:11:20 JYelton

這裏是整個事情很好地解釋

http://www.w3schools.com/css/pr_pos_overflow.asp 你可以嘗試。

來源

2010-05-30 09:11:38

我以前有同樣的問題，但我可以設法解決它只是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

來源

2010-06-02 09:55:45 Bakhtiyor

如何使DIV滾動而不是BODY？

回答

相關問題