Skip to content

Commit 16acda4

Browse files
Ahmad-S792Ahmad-S792
committed
1 parent 2f79718 commit 16acda4

2 files changed

Lines changed: 74 additions & 0 deletions

File tree

‎css/css-position/nested-inline-abspos-child-with-siblings.html‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
<!DOCTYPE html>
2+
<link rel="help" href="https://drafts.csswg.org/css-position/#relpos-inlines">
3+
<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
4+
<meta name="assert" content="Absolutely positioned child of a position:relative inline box nested inside empty spans with siblings should not be offset by the nesting depth.">
5+
<p>Test passes if there is a filled green square.</p>
6+
<style>
7+
.parent {
8+
position: relative;
9+
}
10+
.inline-content {
11+
display: inline-block;
12+
top: 0;
13+
left: 0;
14+
width: 100px;
15+
height: 100px;
16+
position: absolute;
17+
background-color: green;
18+
}
19+
</style>
20+
<div>
21+
<span>
22+
<span></span>
23+
<span>
24+
<span></span>
25+
<span>
26+
<span></span>
27+
<span>
28+
<span></span>
29+
<span class=parent>
30+
<div class=inline-content></div>
31+
</span>
32+
</span>
33+
</span>
34+
</span>
35+
</span>
36+
</div>

‎css/css-position/nested-inline-abspos-child.html‎

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
<!DOCTYPE html>
2+
<link rel="help" href="https://drafts.csswg.org/css-position/#relpos-inlines">
3+
<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
4+
<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.">
5+
<p>Test passes if there is a filled green square.</p>
6+
<style>
7+
.parent {
8+
position: relative;
9+
}
10+
.inline-content {
11+
display: inline-block;
12+
top: 0;
13+
left: 0;
14+
width: 100px;
15+
height: 100px;
16+
position: absolute;
17+
background-color: green;
18+
}
19+
</style>
20+
<div>
21+
<span>
22+
<span>
23+
<span>
24+
<span>
25+
<span>
26+
<span>
27+
<span>
28+
<span class=parent>
29+
<div class=inline-content></div>
30+
</span>
31+
</span>
32+
</span>
33+
</span>
34+
</span>
35+
</span>
36+
</span>
37+
</span>
38+
</div>

0 commit comments

Comments
 (0)