html - 如何设置外部小 8 框以调整大小带边框？

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