Question

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

enter code here

所以我正在玩jquery ui resizable，并在小提琴链接中提出了这个例子。

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

另外，我希望锚点能够像现在一样工作，就像在它们所处的位置一样，它们只应该调整div元素的大小。

Answer 1

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

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

如您所见，内容元素的高度不会调整大小。您可以通过将content元素的高度设置为100％来解决此问题。现在内容元素将调整为其父母的大小＆＃39;高度和宽度。

内容的实际高度为＆＃34; 100％+ 2 * border-width＆＃34; （100％+ 100px）。由于您需要100％作为全高，因此您可以设置内容元素＆＃34; box-sizing＆＃34;属性为＆＃34; border-box＆＃34;。＆＃34;边界框＆＃34;添加＆＃34;填充＆＃34;和＆＃34;边境＆＃34;到元素宽度/高度/最小宽度/最小高度计算。

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

jquery ui可调整大小的div与大边框

1 个答案: