将加载的内容限制为div

Question

I have a page that is basically this:

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

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

The problem is this: When the content is loaded, it expands outside the boundaries of the div and into surrounding controls. Is there a way to restrict this content to the div and just have the div scroll to include all the contents? Thanks.

Answer 1

Yes, you should be able to do this with the css overflow property setting it to either auto or scroll .
Here's a good article detailing the ins and out and here is the w3c specification .

Answer 2

I would just set the div element's overflow to hidden as a style

div#thelist {
    overflow: hidden;
}

Answer 3

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