親ボックスがある場合は、親ボックスの左上が基準になります。このサンプルでは親ボックスのpositionは、position: absolute;です。左のサンプルでは、親ボックスの左上から下へ20px
左へ40pxの位置になります。↓↓
.box {/*親ボックス*/
position: absolute;
top: 50px;
left: 100px;
width: 450px;
height: 200px;
text-align:left;
border: 1px solid #999;
}
.sample1_box{
position: absolute;
top: 20px;
left: 40px;
padding: 5px;
height: 60px;
width: 150px;
background-color: #fcf;
}
<html>
<body>
<div class="box">
<div class="sample1_box">sample1 box</div>
</div>
</body>
</html>
sample1_box