jQuery UI可调整大小的简单固定页脚？

Question

我有一个简单的页脚，我想固定在浏览器的底部。我希望能够仅垂直调整大小。我遇到的问题是，一旦我应用了jQuery UI Re-sizable，它就会将位置设置为相对位置，这显然会影响布局的原始意图。

下面是一个使用我的问题的JSBin的简单示例。

http://jsbin.com/ubuhic/

思想？

Answer 1

$(function () {

    $('footer').resizable({
     handles: 'n, s'
    }).bind('resize', function(){
      $(this).css("top", "auto");
    });

});

这段代码非常适合我。 http://jsbin.com/ubuhic/11

Answer 2

footer
{
    height: 200px;
    bottom: 0px;
    position: fixed !important;
    width: 100%;
    background-color: #cc0000;
}

!important应该这样做......