Question

我的网站是这样的：

Left div   |  right div

在我的左侧div中，我有一个位置绝对元素＆＃34; custombox＆＃34;显示在＆＃34;右侧div＆＃34; （它有z-index：999），只是因为我希望代码位于＆＃34;左侧div＆＃34;。我的custombox有一个css属性＆＃34; resize：both＆＃34;，这不起作用。当我提出一个＆＃34;职位：亲戚＆＃34;在我的左框中，然后是我的＃34; custombox＆＃34;搞砸了，直接进入了＃div; left div＆＃34;，这是我不想要的。如何制作我的＆＃34; custombox＆＃34;可调整大小？（如果绝对需要，js插件都可以）

＆＃13;

.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;
}

＆＃13;

<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>

＆＃13;

小提琴附： http://jsfiddle.net/axhqg20x/3/

Answer 1

将overflow的{{1}}属性更改为 .custombox 会使其可调整大小：

scroll

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

在绝对定位的div上调整css属性？

1 个答案: