|
1 <?xml version="1.0" encoding="UTF-8"?> |
|
2 <!-- |
|
3 Any copyright is dedicated to the Public Domain. |
|
4 http://creativecommons.org/publicdomain/zero/1.0/ |
|
5 --> |
|
6 <!-- Reference case for behavior of flex containers that have no children --> |
|
7 <html xmlns="http://www.w3.org/1999/xhtml"> |
|
8 <head> |
|
9 <style> |
|
10 div.flexbox { |
|
11 border: 1px dotted blue; |
|
12 background: yellow; |
|
13 } |
|
14 |
|
15 div.withPadding { |
|
16 padding: 2px 3px 4px 5px; |
|
17 } |
|
18 </style> |
|
19 </head> |
|
20 <body> |
|
21 <div class="flexbox"/> |
|
22 <div class="flexbox" style="width: 5px"/> |
|
23 <div class="flexbox" style="width: -moz-available"/> |
|
24 <div class="flexbox" style="width: -moz-max-content"/> |
|
25 <div class="flexbox" style="width: -moz-min-content"/> |
|
26 <div class="flexbox" style="height: 6px"/> |
|
27 <div class="flexbox" style="width: 7px; height: 8px"/> |
|
28 |
|
29 <!-- now with padding --> |
|
30 <div class="flexbox withPadding"/> |
|
31 <div class="flexbox withPadding" style="width: 5px"/> |
|
32 <div class="flexbox withPadding" style="width: -moz-available"/> |
|
33 <div class="flexbox withPadding" style="width: -moz-max-content"/> |
|
34 <div class="flexbox withPadding" style="width: -moz-min-content"/> |
|
35 <div class="flexbox withPadding" style="height: 6px"/> |
|
36 <div class="flexbox withPadding" style="width: 7px; height: 8px"/> |
|
37 </body> |
|
38 </html> |