2 <p>Test increasing the height of the containing block of a scrollable container with percent height.
</p>
3 <p>One horizontal scrollbar should be seen below.
</p>
4 <div id=
"target" style=
"height:250px;">
5 <div style=
"height:50%; overflow-x:scroll;"></div>
7 <script src=
"../../resources/run-after-layout-and-paint.js"></script>
9 function changeSize() {
10 document
.getElementById('target').style
.height
= '450px';
12 runAfterLayoutAndPaint(changeSize
, true);