<!DOCTYPE html>
<html>
<head>
<title>title</title>
</head>
<body>
<div class="resizable">
Lorem <br/>
ipsum<br/>
dolor<br/>
sit<br/>
amet<br/>
Consectetuer<br/>
Lorem<br/>
magna<br/>
mi<br/>
wisi
</div>
</body>
</html>
$(document).ready(function() { $(".resizable") .wrap('<div/>') .css({'overflow':'hidden'}) .parent() .css({'display':'inline-block', 'overflow':'hidden', 'height':function(){return $('.resizable',this).height();}, 'width': function(){return $('.resizable',this).width();}, 'paddingBottom':'12px', 'paddingRight':'12px' }).resizable() .find('.resizable') .css({overflow:'auto', width:'100%', height:'100%'}); });
在此调试:
http://jsfiddle.net/Ka7P2/2/