Automatic update from web-platform-tests WebKit export of https://bugs.webkit.org/show_bug.cgi?id=311107 (#60132) -- wpt-commits: 946faeb54c3f3202da0d5e08ba3c350e99baacbf wpt-pr: 60132
39 lines
930 B
HTML
39 lines
930 B
HTML
<!DOCTYPE html>
|
|
<link rel="help" href="https://drafts.csswg.org/css-position/#relpos-inlines">
|
|
<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
|
|
<meta name="assert" content="Absolutely positioned child of a position:relative inline box nested inside empty spans should not be offset by the nesting depth.">
|
|
<p>Test passes if there is a filled green square.</p>
|
|
<style>
|
|
.parent {
|
|
position: relative;
|
|
}
|
|
.inline-content {
|
|
display: inline-block;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100px;
|
|
height: 100px;
|
|
position: absolute;
|
|
background-color: green;
|
|
}
|
|
</style>
|
|
<div>
|
|
<span>
|
|
<span>
|
|
<span>
|
|
<span>
|
|
<span>
|
|
<span>
|
|
<span>
|
|
<span class=parent>
|
|
<div class=inline-content></div>
|
|
</span>
|
|
</span>
|
|
</span>
|
|
</span>
|
|
</span>
|
|
</span>
|
|
</span>
|
|
</span>
|
|
</div>
|