将加载的内容限制为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。
这里是a good article详细说明了ins和out，这里是w3c specification。

Answer 2

我只想将div元素的溢出设置为隐藏为样式

div#thelist {
    overflow: hidden;
}

Answer 3

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