固定位置div调整大小

Question

我正在使用jquery ui来调整div但是 我的固定位置div正在调整大小。

Here is fiddle

尝试调整它飞到顶部的div。

jquery ui

$('.chatwnd').resizable({
            maxHeight: 550,
            maxWidth: 700,
            minHeight: 350,
            minWidth: 300,
            handles: "n, e"
        });​

CSS

.chatwnd{
    position:fixed;
    bottom:0px;
    left:50px;
    height: 350px;
    width:auto;
    min-width:300px;
    max-width:700px;
    border:1px solid #ccc;
    box-shadow:0px 0px 1px #777;
    border-radius: 5px;
    background:#ffffff;
    overflow:hidden;
    box-sizing:border-box;
    -webkit-transition:height 1s;
}​

HTML

<div class="chatwnd" > </div>​

我怎样才能调整它？

Answer 1

对于可调整大小（JQuery UI resizable does not support position: fixed; Any recommendations?），显然不支持position: fixed;。

在上面的帖子中查看接受的答案，我认为他们找到了解决方案！