OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html PUBLIC "-//W3C//DTD//XHTML 1.0 Strict//EN" "http://www.w3.org/TR/ xhtml1/DTD/xhtml1-strict.dtd"> | |
2 <html xmlns="http://www.w3.org/1999/xhtml"> | |
3 <head> | |
4 <title>CSS Test: A flex container with 'column' direction and 'align-ite ms' property set to 'flex-start'</title> | |
5 <link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:j fernandez@igalia.com"> | |
6 <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-p roperty" /> | |
7 <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-align -items" /> | |
cbiesinger
2017/05/31 18:59:51
Per https://github.com/w3c/web-platform-tests/pull
jfernandez
2017/05/31 21:03:43
Done.
| |
8 <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-directio n-property" /> | |
9 <link rel="match" href="reference/align-content-001-ref.html" /> | |
10 <meta name="assert" content="This test checks that 'align-items: flex-st art' implies the flex item's 'auto' width to be resolved as 'fit-content'." /> | |
11 <style type="text/css"> | |
12 .block { | |
13 position: absolute; | |
14 width: 300px; | |
15 height: 100px; | |
16 } | |
17 #flexbox | |
18 { | |
19 z-index: -1; | |
cbiesinger
2017/05/31 18:59:51
This has no effect since the flexbox is not positi
jfernandez
2017/05/31 21:03:43
Done.
| |
20 font: 50px/1 Ahem; | |
21 background: green; | |
22 flex-direction: column; | |
23 align-items: flex-start; | |
24 display: flex; | |
25 width: 300px; | |
26 height: 100px; | |
27 } | |
28 .block > div | |
29 { | |
30 background: green; | |
31 width: 200px; | |
32 height: 50px; | |
33 } | |
34 #flexbox > div | |
35 { | |
36 background: red; | |
37 color: red; | |
38 } | |
39 </style> | |
40 </head> | |
41 <body> | |
42 <p>Test passes if there is no red visible on the page.</p> | |
43 <div class="block"> | |
44 <div style="top: 0px; left: 0px;"></div> | |
cbiesinger
2017/05/31 18:59:51
This div is not positioned, right? Why give it a t
jfernandez
2017/05/31 21:03:43
Done.
| |
45 </div> | |
46 <div id="flexbox"> | |
47 <div>XXXX</div> | |
48 </div> | |
49 </body> | |
50 </html> | |
OLD | NEW |