將加載的內容限制為div

Question

我有一個基本上是這樣的頁面：

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

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

問題是這樣的：加載內容時，它會擴展到div的邊界之外並擴展到周圍的控件中。 有沒有一種方法可以將此內容限制為div，僅使div滾動顯示所有內容？ 謝謝。

Answer 1

是的，您應該可以通過將css overflow屬性設置為auto或scroll來執行此操作。
這是一篇很好的文章，詳細介紹了內容，這是w3c規范 。

Answer 2

我只是將div元素的溢出設置為隱藏為樣式

div#thelist {
    overflow: hidden;
}

Answer 3

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