0

我做了一个盒子和 8 个边的小盒子来调整大小。只需在主框的边界显示这 8 个小框。请参阅：http: //jsfiddle.net/kamlesh0606/jrQ7A/1/

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

所以帮我看看 如何将这8个小盒子放在带边框的主盒子外面？

谢谢

4

2 回答 2

2

很好地实现你想要的我在你的主框（#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将显示为主框的边框

这是一个工作演示

于 2012-08-24T05:42:30.137 回答
0

我猜这就是你要找的

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

于 2012-08-24T05:42:40.747 回答