12/03/19 21:20:12.21
ボックスについて教えてください。
ボックスの中にボックスを作りたいのですが、やり方が間違っているようでうまくいきません。
CSS
div.out{
border:1px solid #333;
width:300px;
height:300px;
}
div.in{
border:1px solid #333;
width:150px;
height:150px;
position:relative;
right:10px;
}
HTML
<div class="out">
<div class="in">
</div>
</div>
ボックスoutの中の右にinを持ってきたいのですが、ブラウザで表示してみると
ボックスoutから、左に10pxはみ出して表示されます。
どうしたらいいでしょうか？