限制加載的內容到一個div

我有一個頁面，基本上是這樣的：限制加載的內容到一個div

<div id="thelist" style="height:100%; width:100%; position:relative"></div> 

<script type="text/javascript"> 
    $('#thelist').load('other.aspx', function() { }); 
</script>

問題是這樣的：當被加載的內容，它擴展了div的邊界之外，併到周圍的控制。有沒有辦法將這個內容限制在div中，並且讓div滾動來包含所有內容？謝謝。

來源

2011-10-13 mrK

如果你想在div滾動看看http://www.w3schools.com/cssref/pr_pos_overflow .asp –

是的，您應該可以使用css overflow屬性將其設置爲auto或scroll。
這裏的a good article詳細介紹了這個插件，這裏是w3c specification。

來源

2011-10-13 13:52:02

呃，非常感謝。我曾嘗試過，但它被封裝在另一個div中，以某種方式取消它。 – mrK

所以你只需要找到'以某種方式'。 ;-)使用開發工具（例如Firebug）加載頁面，以查看哪些樣式將取消和/或未應用。無論如何，你方程的JavaScript部分一直都是正確的，現在它是一個CSS問題。 –

該div實際上是解決了很久以前解決的另一個問題，並且不再需要。刪除第二個div，問題解決了。謝謝你的幫助。 – mrK

我剛纔設置的div元素的溢出隱藏的風格

div#thelist { 
    overflow: hidden; 
}

來源

2011-10-13 13:53:14

<div id="thelist" style="height:100%; width:100%; 
position:relative; overflow:auto/scroll"></div>

來源

2011-10-13 13:57:40 punit

限制加載的內容到一個div

回答

相關問題