DigitalOcean 为您的旅程各个阶段提供云产品。立即开始使用 200 美元的免费积分！
max-width 属性在 CSS 中用于设置指定元素的最大宽度。max-width 属性会覆盖 width 属性，但 min-width 将始终覆盖 max-width，无论是在声明中 width 之前还是之后。作者可以使用任何 长度值，只要它们是正值。
.wrapper {
width: 100%;
max-width: 20em; /* Will be AT MOST 20em wide */
}
.wrapper {
min-width: 50em; /* Overrides max-width */
width: 100%;
max-width: 20em; /* Will be AT MOST 20em wide */
}请注意，max-width 不是继承的，因此不要假设它会继承自其他父元素。如果定义了 300px 的 width 和 600px 的 max-width，则初始 width 值将始终覆盖 600px 的 max-width 值。
浏览器支持
| IE | Edge | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|---|
| 7+ | 全部 | 全部 | 全部 | 全部 | 全部 |
| Android Chrome | Android Firefox | Android 浏览器 | iOS Safari | Opera Mobile |
|---|---|---|---|---|
| 全部 | 全部 | 全部 | 全部 | 全部 |
有没有办法让 max-width 等于父元素的宽度 - 也就是说，子元素永远不会让父元素更宽？
谢谢
您好，此属性是否仅与 IE 8 或更高版本兼容？
我在 caniuse.com 上检查过，它说该属性在 IE7 上也能正常工作。（实际上，我在 IE7 上检查了一个网站，它在使用 max/min.width 属性时看起来很好...但我想确定一下...）
谢谢并致敬
img{在 css 列内断裂。它似乎引用了应用列之前元素的总宽度。 我宁愿让 max-width 引用列的宽度。max-width: 100%;
}
有人知道任何解决方法吗？或者，我只是错过了什么？
谢谢！
我有三个
<
div> 这是代码。
我想将 left_nav 放在 width:100px 上 float:left 侧，
center_nav 放在中间，min-width:200px 和 max:100%。
第三个 div 宽度为 width:300px，float:right 侧。
所有元素的高度都是 100%。
问题是，center_nav 在 right_nav 下面隐藏了。
我需要放置什么代码来使 center_nav 保持在 right_nav 和 left_nav 之间？
Max-Width 仅适用于使用严格文档类型的 Internet Explorer：https://msdn.microsoft.com/en-us/library/ie/ms530811%28v=vs.85%29.aspx
我遇到了一个问题，我的百分比宽度是根据元素自身的 `max-width` 来计算的，而不是父元素的宽度。我搞不明白。例如：我有一个 `#parent`，它的宽度（和 `max-width`）为 1600px。我有一个 `#child`，它的 `max-width` 为 1800px，宽度为 80%。`#Child` 的实际渲染宽度为 1440px，而不是 1280px。