File tree Expand file tree Collapse file tree 1 file changed +32
-0
lines changed Expand file tree Collapse file tree 1 file changed +32
-0
lines changed Original file line number Diff line number Diff line change
1
+ <!DOCTYPE html>
2
+ < meta charset ="utf-8 ">
3
+ < title > size-contained elements should still ignore children, even with an aspect-ratio</ title >
4
+ < link rel ="
author "
title ="
Psychpsyo "
href ="
[email protected] "
>
5
+ < link rel ="help " href ="https://drafts.csswg.org/css-contain-1/#containment-size ">
6
+ < link rel ="match " href ="../reference/ref-filled-green-100px-square.xht ">
7
+ < style >
8
+ # outer {
9
+ position : relative;
10
+ }
11
+ # bottom {
12
+ container-type : size;
13
+ aspect-ratio : 1 ;
14
+ background-color : red;
15
+ width : 100px ;
16
+ }
17
+ # top {
18
+ position : absolute;
19
+ top : 0 ;
20
+ left : 0 ;
21
+ background-color : green;
22
+ width : 100px ;
23
+ height : 100px ;
24
+ }
25
+ </ style >
26
+ < p > Test passes if there is a filled green square and < strong > no red</ strong > .</ p >
27
+ < div id ="outer ">
28
+ < div id ="bottom ">
29
+ < img height ="200 ">
30
+ </ div >
31
+ < div id ="top "> </ div >
32
+ </ div >
You can’t perform that action at this time.
0 commit comments