| <!DOCTYPE html> |
| <style> |
| #wrapper { |
| visibility: hidden; |
| position: absolute; |
| width: 600px; |
| float: right; |
| } |
| #container { float: right; } |
| #abs_pos { |
| position: absolute; |
| bottom: 0; |
| } |
| #keep_child { |
| height: 100px; |
| width: 100px; |
| visibility: visible; |
| } |
| #keep_child { background-color: green; } |
| .outer { |
| float: left; |
| width: 100px; |
| height: 300px; |
| } |
| #keep_inner { |
| position: relative; |
| height: 220px; |
| } |
| p { visibility: visible; } |
| </style> |
| |
| <p>This is a reduction for http://crbug.com/371640.</p> |
| <p>The test PASSES if you see 1 green square and no red square.</p> |
| |
| <div id='wrapper'> |
| <div id='container'> |
| <div id='keep_outer' class='outer'> |
| <div id='keep_inner'> |
| <div id='abs_pos'> |
| <div id='keep_child'> </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |