一、最大宽度语法
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%,一样考查宽度状况, 并在放大浏览器宽度看看变更状况
4、残缺CSS+HTML代码
CSS最大宽度实例 在线演示 Thinkcss 直接放内容,看看我这个DIV宽度, 接下来放大涉猎器宽度小于300px尝尝, 看看宽度能否会变小 为最大宽度设置装备摆设30%,同样窥察宽度环境, 并在缩小阅读器宽度看看变更状况