60 lines
1.2 KiB
HTML
60 lines
1.2 KiB
HTML
<style>
|
|
.overflow {
|
|
width: 100px;
|
|
height: 100px;
|
|
overflow: auto;
|
|
border: 1px solid black;
|
|
margin: 10px;
|
|
}
|
|
|
|
.rel {
|
|
width: 25px;
|
|
height: 25px;
|
|
background-color: black;
|
|
position: relative;
|
|
}
|
|
|
|
.rel div {
|
|
width: 75px;
|
|
height: 75px;
|
|
background-color: rgba(0, 0, 255, 0.5);
|
|
}
|
|
|
|
.float { float: left; }
|
|
|
|
.abs { position: absolute; }
|
|
</style>
|
|
|
|
<p>
|
|
Test for <i><a href="rdar://problem/6059648">rdar://problem/6059648</a>
|
|
Some content not visible when the window is short at courtneyalbright.com</i>.
|
|
</p>
|
|
<p>
|
|
Each black box below should have a scroll bar allowing the blue square to
|
|
be scrolled fully into view.
|
|
</p>
|
|
|
|
<div class="overflow">
|
|
<div class="rel" style="left: 50px;">
|
|
<div class="float"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="overflow">
|
|
<div class="rel" style="top: 50px;">
|
|
<div class="float"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="overflow">
|
|
<div class="rel" style="left: 50px;">
|
|
<div class="abs"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="overflow">
|
|
<div class="rel" style="top: 50px;">
|
|
<div class="abs"></div>
|
|
</div>
|
|
</div>
|