在絕對定位的div上調整CSS屬性的大小？

Question

我的網站是這樣的：

Left div   |  right div

在我的左div內，我有一個位置絕對元素“ custombox”顯示在“右div”上（其z-index：999），只是因為我希望代碼位於“左div一側”。 我的定制框具有css屬性“ resize：both”，該屬性不起作用。 當我在左框上放置一個“ position：relative”時，我的“ custombox”的位置被弄亂了，字面意思是進入了“ left div”，這是我不想要的。 如何使我的“ custombox”可調整大小？ （如果絕對需要，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> 

小提琴附： 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/