Jquery 如何使引导面板可调整大小_Jquery_Html_Css_Twitter Bootstrap 3

Jquery 如何使引导面板可调整大小

jquery html css twitter-bootstrap-3

Jquery 如何使引导面板可调整大小,jquery,html,css,twitter-bootstrap-3,Jquery,Html,Css,Twitter Bootstrap 3,如何允许通过使用鼠标拖动面板页脚来更改面板高度我在下面的代码中尝试了resize:vertical样式，但它不允许拖动面板页脚 <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/b

如何允许通过使用鼠标拖动面板页脚来更改面板高度

我在下面的代码中尝试了

resize:vertical

样式，但它不允许拖动面板页脚

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
    <style>
        .panel-resizable {
            resize: vertical;
        }
    </style>
</head>
<body>

    <div class="panel panel-default">
        <div class="panel-body panel-resizable" style="height:80px">
        </div>
        <div class="panel-footer">Band1</div>
    </div>

    <div class="panel panel-default">
        <div class="panel-body panel-resizable">
        </div>
        <div class="panel-footer">Band2</div>
    </div>
</body>
</html>


.面板可调整大小{
调整大小：垂直；
}
波段1
波段2

您需要添加

溢出：自动（如果您想隐藏溢出，只需将溢出：隐藏；）
在这里工作


.面板可调整大小{
调整大小：垂直；
溢出：自动
}
波段1
波段2
如果不设置溢出，则调整大小不起作用
.panel-resizable {
  resize: vertical;
  overflow: hidden;
}

只有当溢出设置为某个值时，才能调整大小，例如：

非常感谢。如何通过在任意位置拖动面板页脚来调整面板大小？在此示例中，只能使用面板内容右下角执行调整大小。是。整个面板页脚可用于调整大小。它不允许更改小于style=“height:80px”中指定的高度。如何解决此问题，以便将面板内容调整为零高度？如果要调整面板大小，可以选中此链接。如果指定了第二个面板高度，则完全不允许调整面板大小。如果没有第二个面板高度，则不允许将内容高度调整为0。我把它贴在这个提琴不允许减少面板内容的高度。在Internet explorer中，它根本不允许调整大小。如何解决这个问题？我把它作为单独的问题贴在这把小提琴上，不允许降低面板高度。在Internet Explorer中，它不允许任何调整大小的操作。如何修复此问题？Internet Explorer不支持resize属性。您必须在任何版本的IE中使用类似jQueryUI的东西来实现此效果，此时包括Edge。
overflow:hidden;