max-width of 100px vs width of 100px ，为什么 max-width 比 width 短？
微博小子
我想了解这两者的区别谢谢
最大宽度：100px 
宽度：100px 
body{
max-width: 1080px;
width: 1080px;
background-color: floralwhite;
margin:0px;
padding: 0px;
}
p{
width:100px; /* and max-width of 100px; */
padding: 20px;
margin:0px;
float:left;
}
企鹅
您可以认为width属性比max-width属性更严格。
- 宽度说：“你应该是这个宽度，没有别的。”
- Max-width 说：“任何你想要的宽度，只是不要大于这个宽度。”
您可以通过您提供的演示看到这一点。盒子的自然宽度大约是 50px，不大于 100px，所以max-width并不在乎。但是，width看到这些框不是 100 像素，因此将它们设置为 100 像素。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
max-width：0px有什么作用？
- 2
无法删除 CSS 属性：Max-width:1200px
- 3
ResizeToFit(width=max(source_pic_width, 750)
- 4
我的 max-width: 960px 容器似乎不起作用
- 5
图像css max-width的路径异常
- 6
这种样式的属性是什么：* width：363px！important; _width：363px！重要;
- 7
@仅限纯媒体屏幕，并且（max-width：1280px），（min-height：801px）不起作用
- 8
CSS响应图像max-width或max-height
- 9
为什么在这种情况下td max-width不起作用？
- 10
为什么这表现出与max-width：0相同的方式？
- 11
为什么inline-block和max-width不能一起使用？
- 12
为什么在这种情况下max-width不起作用
- 13
我的 max-width:1140px 不起作用它不能居中我的 margin:0 auto
- 14
仅在子元素的width属性超过父元素的max-width属性时水平滚动
- 15
min-width 媒体查询总是触发而 max-width 查询从不触发
- 16
width device-width 是什么？使困惑
- 17
css image max-width not working with Firefox / IE
- 18
How to enforce image max-width when using bootstrap 3?
- 19
检查是否在jQuery中设置了max-width？
- 20
How to hide image when resizing using max-device-width?
- 21
在特定断点处配置.container max-width-Tailwindcss
- 22
@media max-width规则适用于打印吗？
- 23
检查是否在jQuery中设置了max-width？
- 24
max-width img不适用于响应式
- 25
在内联块元素内时使用max-width
- 26
ReactJS 中的语义 UI 下拉组件 max-width
- 27
为什么设置body {width：960px; margin：自动0;}？
- 28
CSS max-width和calc（）在这里实际做什么？
- 29
为什么宽度为100px，底部为100％的div的padding-bottom不是100px
我来说两句