当左侧展开时，防止右侧div下降

2018-07-01 17:36:59

我有两个div，我想并肩。左div可以通过jquery-ui resizable函数来扩展。当我在某个点之后展开左侧div时，右侧下降。但我期望水平滚动条出现。我需要做些什么来避免这种情况？这里是HTML，CSS和有助于扩展左侧div的脚本。

HTML：

<div class="left">
    <h2>Left DIV</h2>
</div>
<div class="right">
        <h2>Right DIV</h2>
</div>

CSS：

div.left {float：left; 宽度：100px;
高度：680px; border-right：5px solid＃e7e8e1; 白色空间：nowrap; z-index：-1; 背景色：绿色; }

div.right {float：left; padding-left：5px; 背景：海军; 宽度：300像素; }

使用Javascript：

$(document).ready(function () {
    $('div.left').resizable({
       handles: "e", minWidth: 100, maxWidth: 270});}
);

这是jsfiddle

链接地址: http://www.djcxy.com/p/88481.html