最大宽度为变量宽度，含意对对象配置最大宽度后，其对象宽度将不逾越此最大宽度值。从字也能明白最大即是不逾越之感化。max-width也属于width宽度一种细分。与之对应为最小宽度min-width!
css 最大宽度 属性款式
一、最大宽度语法
max-width语法：
max-width : 200px
设置对象最大宽度200px
max-width:60%
设置对象相等于父级宽度最大宽度为父级宽度60%。假如父级宽度为200px，那末此对象设置装备摆设max-width最大宽度为60%，那末理论最大宽度等于200×60%=120px
特别当心：一般设置变量的宽度，固定宽度(width)就不克不及同时配置。
最大宽度cssmax-width值阐明：值兴许为具体数值譬喻(100px、500px)；大概为百分比值比如(70%、90%)，但值不能为负数(只能为正值)。
二、最大宽度语法布局分析图
最大宽度 max-width属性语法剖析构造图
三、max-width最大宽度DIV CSS实例
1、div css对付最大宽度实例描画
这里配置一个300px宽、边框1px红色的盒子，再配置一个百分比div盒子。这里设置css边框也是为了便于观测对象宽度状况。
2、最大宽度运用实例css代码
.warp{ max-width:300px; border:1px solid #F00}
.bfb{ max-width:30%; border:1px solid #00F}
3、实例对应html模式代码
直接放内容，看看我这个DIV宽度，
接下来缩小涉猎器宽度小于300px尝尝，
看看宽度是否会变小
为最大宽度设置装备摆设30%，同样观察宽度状况，并在缩小浏览器宽度看看变卦情况
