css example
HTML
<html>
<body>
<div id='outer-outer'>
<div id='outer-2'>
</div>
<div id='outer'>
<div id='inner'>
hello there
</div>
</div>
</div>
</body>
</html>CSS
#outer {
margin-top: 20px;
background-color: red;
height: 100px;
}
#inner {
background-color: blue;
position: relative;
top: 100%;
transform: translateY(-100%);
}