0

リサイズ用に1箱と8辺の小箱を作りました。これらの8つの小さなボックスをメインボックスの境界に表示するだけです。これを参照してください：http://jsfiddle.net/kamlesh0606/jrQ7A/1/

しかし、メインボックスに境界線を追加すると、これらの8つの小さなボックスがメインボックス内に表示されます..これを参照してください: http://jsfiddle.net/kamlesh0606/cSvXP/

これらの8つの小さなボックスをメインボックスの外側に境界線で配置する方法を教えてください 。

ありがとう

4

2 に答える 2

2

あなたが望むものを達成するために、IDが#borderboxであるメインボックス（#label1）の外にdivを追加しました

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 に答える