Html 如何设置外部小8框以调整边框大小？

我做了一个盒子和8个侧边小盒子来调整大小。只需在主框的边框处显示这8个小框即可。请参见：

但当我在主框中添加边框时，这8个小框显示在主框中。。见此：

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

---

谢谢你能实现你想要的 我在主框（#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

的填充，该填充将显示为主框的边框

---

这是一个正在工作的

我想这就是你要找的

---

这是您想要的，但我会在主框中添加边框大小，然后再在主框内添加小8框，因此我需要在主框外显示此8框的任何条件…….您能解释一个lil更多您想要的内容吗？我要使8框大小调整，并且此所有框在jquery中有任何用于评估的类来调整此框的大小。。。。所以这8个盒子显示在主div（盒子）的外面…看一下：，这应该可以解释为什么会发生这种情况。谢谢，但我需要增加边框宽度，此时盒子大小不会增加，所以意味着边框装箱。。。如何使其…？

框大小：边框框

使边框宽度包含在元素本身的宽度中，即（如果

宽度：60px

和

边框宽度：10px

，则合成宽度将为

60px

，框的实际宽度将为

50px

，因此当您增加

边框宽度时，框的实际宽度将减小）.这就是你想要的吗？是的，当我增加边框大小时，时间框大小将相同。这意味着框大小将变为相同…真的不明白你的问题是什么…你可以只增加div#borderbox

的填充（在演示中）这并不会导致主框的大小增加。这是相同的，不是吗，但主div是整个div…（用户显示一个div…）所以我增加填充，然后增加整个div的大小。。。

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