30 lines
480 B
HTML
30 lines
480 B
HTML
<style>
|
|
.boundary {
|
|
overflow: hidden;
|
|
width: 500px;
|
|
height: 200px;
|
|
}
|
|
|
|
#relpos {
|
|
position: relative;
|
|
border: 100px solid green;
|
|
}
|
|
|
|
#abspos {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
}
|
|
</style>
|
|
<div style="position: relative;">
|
|
<div class=boundary>
|
|
<div id=relpos>
|
|
<div id=abspos>PASS if this text is at the top left corner of the green box.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
document.body.offsetHeight;
|
|
relpos.style.position="static";
|
|
</script>
|