DevShelf

Appearance

max-width ​

描述 ​

max-width 属性设置元素的最大宽度。元素宽度值将根据设置的属性 width、max-width 和 min-width 的值进行计算。

效果展示 ​

语法 ​

css
max-width: [ [<length> | <percentage>] && [border-box | content-box]?] |
  available | min-content | max-content | fit-content | none;

值 ​

  • <length> 指定固定宽度。不允许使用负值。
  • <percentage> 相对于包含块的宽度的百分比。如果包含块没有显式设置宽度，则将被视为无宽度。不允许使用负值。
  • max-content 最大内容 最大内容宽度或高度。
  • min-content 最小内容 最小内容宽度或高度。
  • available 可用的 包含块的宽度或高度减去边距、边框和内边距。
  • fit-content 适合内容 如果总可用空间有限，则等于 min(max-content, max(min-content, fill-available))。否则，等于最大内容度量。需要浏览器中支持 CSS 内部和外部大小调整模块。
  • none 没有任何 宽度没有最大值。