如何允许拖拽面板底部以更改面板高度。
我在下面的代码中尝试了"resize: vertical" 样式,但它无法允许拖拽面板底部。
我在下面的代码中尝试了"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>
style="height:80px"
中指定的高度。如何修复此问题,以便面板内容可以调整为零高度? - Andrus