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: max-content"/> 25 <div class="flexbox" style="width: 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: max-content"/> 34 <div class="flexbox withPadding" style="width: min-content"/> 35 <div class="flexbox withPadding" style="height: 6px"/> 36 <div class="flexbox withPadding" style="width: 7px; height: 8px"/> 37 </body> 38</html> 39