Question

我制作了一个盒子和8个小盒子用于调整大小。只需在主框的边框显示这8个小方框即可。请参阅：http://jsfiddle.net/kamlesh0606/jrQ7A/1/

但是当我在主框中添加边框时，这8个小框出现在主框内..请参阅：http://jsfiddle.net/kamlesh0606/cSvXP/

请帮助我，以便 如何将这8个小盒子放在带有边框的主盒子外面？

由于

Answer 1

很好地实现你想要的我在主框（＃label1）之外添加了一个div，其id为#borderbox

并将您的css更改为

#borderbox{
   position: relative; 
    top: 42px; 
    left: 105px; 
    width: 60px; 
    height: 60px; 
    background-color:rgb(165, 165, 165);
    padding:10px;
}

#label1{
    width: 100%; 
    height: 100%; 
    background: none repeat scroll 0px 0px rgb(170, 175, 255);
}

现在您所描述的问题是您想要增加边框宽度 截至目前，您可以增加#borderbox 的填充，该填充将显示为主框的边框

这是一个有效的 demo

Answer 2

我猜这就是你要找的东西

http://jsfiddle.net/kamlesh0606/jrQ7A/1/

<div style="position: relative; top: 42px; left: 105px; width: 60px; height: 60px; border: 10px solid rgb(165, 165, 165); background: none repeat scroll 0px 0px rgb(170, 175, 255);" id="label1" class="drag">

如何设置外部小8框用于调整边框大小？

2 个答案: