html - 在绝对定位的 div 上调整 css 属性的大小？

Question

我的网站是这样的:

Left div   |  right div

在我的左 div 中，我有一个位置绝对元素“custombox”，它显示在“右 div”上方(它的 z-index:999)，只是因为我希望代码位于“左 div 侧” ”。我的自定义框有一个 css 属性“resize:both”，它不起作用。当我在左框上放置一个“position:relative”时，我的“custombox”的位置就乱七八糟，实际上进入了“left div”，这是我不想要的。如何使我的“自定义框”可调整大小？ (如果绝对需要，js插件也可以)

.leftdiv {
    background:red;float:left;width:50%;height:300px;
}

.custombox {
    position:absolute;
    top:10px;
    right:50px;
    z-index:999;
    background:yellow;
    height:100px;
    width:100px;
    resize:both;
}

.rightdiv {
    background:blue;float:right;width:50%;height:300px;
}

<div>
    <div class="leftdiv">
        <div class="custombox">
            I like staying in the blue, but I want to be resizeable too.
        </div>
      He
    </div>

    <div class="rightdiv">
      blue
    
    </div>
</div>

附 fiddle : http://jsfiddle.net/axhqg20x/3/

Answer 1

将 .custombox 的 overflow 属性更改为 scroll 使其可调整大小:

.custombox {
    position:absolute;
    top:10px;
    right:50px;
    z-index:999;
    background:yellow;
    height:100px;
    width:100px;
    resize:both;
    overflow:scroll;
}

http://jsfiddle.net/axhqg20x/4/