blob: 8dd18e84e1cffeef82cb26655dea9e96ed6ad63f [file] [log] [blame]
<!DOCTYPE html>
| Absolutely positioned elements should not participate in layout and therefore
| if however their static position should be such that it was as if they did.
| This test ensures that when the element has a display of 'inline', its
| static is where it would have been had it been layed out, even though the
| layout of its siblings is not affected.
.absolute-block {
position: absolute;
display: inline;
width: 50px;
height: 100px;
background-color: rgb(255, 0, 0);
.static-block {
position: static;
width: 100px;
height: 50px;
background-color: rgb(0, 255, 0);
This is an inline formatting context block and this:
<div class="absolute-block">
is an absolutely positioned div in the middle of it.
Another span.
<div class="static-block">