min-width

每当 min-width 大于 max-width 或 width 时，元素的宽度将设置为 min-width 的值。

<length>

将 min-width 定义为一个绝对值。

<percentage>

将 min-width 定义为包含块宽度的百分比。

auto

默认值。指定元素的自动值的来源取决于其显示值。对于块级盒子、内联盒子、内联块级盒子和所有表格布局盒子，auto 解析为 0。

对于 Flex 项目 和网格项目，最小宽度值是指定的建议大小，例如 width 属性的值，或传递的大小，如果元素设置了 aspect-ratio 并且高度是确定的大小，否则使用 min-content 大小。如果 Flex 或网格项目是 滚动容器，或者如果网格项目跨越了多个灵活的列轨道，则自动最小尺寸为 0。

max-content

内在首选 min-width。

min-content

内在最小 min-width。

fit-content

使用可用空间，但不要超过 max-content，即 min(max-content, max(min-content, stretch))。

fit-content(<length-percentage>)

使用 fit-content 公式，其中可用空间替换为指定的参数，即 min(max-content, max(min-content, argument))。

stretch

将元素 边距盒子 的最小宽度限制为其 包含块 的宽度。它尝试使边距盒子填满包含块中的可用空间，因此在某种程度上类似于 100%，但将结果尺寸应用于边距盒子，而不是由 box-sizing 确定的盒子。

注意：要检查浏览器使用的 stretch 值的别名及其实现状态，请参阅 浏览器兼容性 部分。

min-width = 
  auto                                      |
  <length-percentage [0,∞]>                 |
  min-content                               |
  max-content                               |
  fit-content( <length-percentage [0,∞]> )  |
  <calc-size()>                             

<length-percentage> = 
  <length>      |
  <percentage>  

<calc-size()> = 
  calc-size( <calc-size-basis> , <calc-sum> )  

<calc-size-basis> = 
  <intrinsic-size-keyword>  |
  <calc-size()>             |
  any                       |
  <calc-sum>                

<calc-sum> = 
  <calc-product> [ [ '+' | '-' ] <calc-product> ]*  

<calc-product> = 
  <calc-value> [ [ '*' | '/' ] <calc-value> ]*  

<calc-value> = 
  <number>        |
  <dimension>     |
  <percentage>    |
  <calc-keyword>  |
  ( <calc-sum> )  

<calc-keyword> = 
  e          |
  pi         |
  infinity   |
  -infinity  |
  NaN        

• width，max-width
• 盒子模型，box-sizing