<body>
<div class="b">
<div class="child"></div>
</div>
</body>
<head>
<style>
.b {
position: relative;
left: 100px;
top: 100px;
z-index: 100;
background: green;
}
.child {
position: absolute;
left: 10px;
top: 10px;
width: 50px;
height: 50px;
background: red;
}
</style>
</head>
부모인 .b
선택자의 left값을 자식인 .child
선택자가 이어받게 된다.