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中找到完整的解決方案。