servo/tests/ref/simple_inline_absolute_containing_block_a.html
Patrick Walton 676f7014e8 layout: Implement partial support for inline absolute containing blocks.
Improves the position of the down arrows on google.com SERPs.
2015-09-01 12:18:19 -07:00

26 lines
472 B
HTML

<!DOCTYPE html>
<style>
main {
position: relative;
padding: 0 16px;
display: inline;
}
section {
position: absolute;
top: 25%;
bottom: 25%;
left: 0;
right: 0;
background: red;
}
#coveritup {
position: relative;
background: white;
top: -20px;
display: inline;
color: white;
}
</style>
<div>There should be no red.<main><section></section></main></div>
<div>There should be no red.<div id=coveritup>XXXXX</div></div>