jQuery UI的调整大小的div

Question

http://jsfiddle.net/nkesh7e0/1/

enter code here 

所以我与jQuery UI的调整大小玩弄，并在拨弄链接的例子上来。

我遇到的问题是锚的位置。当我的div上有任何尺寸的边框时，我希望锚点位于最外角。目前，锚只位于元素的角落。有没有办法根据我的边框尺寸更新锚点的位置？这甚至有可能吗？

另外，我希望锚点能够像目前一样工作，无论它们位于何处，它们都应该只调整div元素本身的大小。

Answer 1

一个简单的解决问题的方法是将内容在#elementResizable DIV的子元素：http://jsfiddle.net/1ajv6u54/

<div id='elementResizable'> 
    <div class="content"> 
     <h1>Full Name</h1> 
     Title 
    </div> 
    ... 
</div> 

正如你所看到的，内容元素的高度不会调整。您可以通过将内容元素的高度设置为100％来解决此问题。现在内容元素将调整为其父母的高度和宽度。

内容的实际高度为“100％+ 2 * border-width”（100％+ 100px）。由于您需要100％作为全高，因此可以将内容元素的“框大小”属性设置为“边框”。 “border-box”在元素宽度/高度/最小宽度/最小高度计算中添加“填充”和“边框”。

您可以在此fiddle中找到完整的解决方案。