我有一个简单的页脚,我想将它固定在浏览器的底部。我希望能够仅垂直调整它的大小。我遇到的问题是,一旦我应用了 jQuery UI Re-sizable,它就会将位置设置为相对,这显然会破坏布局的初衷。
下面是一个使用 JSBin 解决我的问题的简单示例。
想法?
我有一个简单的页脚,我想将它固定在浏览器的底部。我希望能够仅垂直调整它的大小。我遇到的问题是,一旦我应用了 jQuery UI Re-sizable,它就会将位置设置为相对,这显然会破坏布局的初衷。
下面是一个使用 JSBin 解决我的问题的简单示例。
想法?
$(function () {
$('footer').resizable({
handles: 'n, s'
}).bind('resize', function(){
$(this).css("top", "auto");
});
});
这段代码非常适合我。http://jsbin.com/ubuhic/11
footer
{
height: 200px;
bottom: 0px;
position: fixed !important;
width: 100%;
background-color: #cc0000;
}
!important
应该做的伎俩...