CSS max-width(height)

<h2>CSS max-width(height)属性设置对象的最大宽高</h2>

<strong>语法：</strong>

<pre class=“line-numbers language-css”><code class=“language-css”>
max-width : none | length
max-height : none | length
</code></pre>

<h2></h2>
<strong>参数：</strong>

none : 　无最大高度限制
length : 　由浮点数字和单位标识符组成的长度值 | 或者百分数。不可为负数。

<h2></h2>
<strong>说明：</strong>

设置或检索对象的最大宽高度。
max-height属性的值小于min-height属性的值，将会被自动转设为min-height属性的值。
max-width属性的值小于min-width属性的值，将会被自动转设为min-width属性的值。
目前IE5.5尚不支持此属性。
对应的脚本特性为 maxHeight （maxWidth）。
<h2></h2>
<strong>示例：</strong>
<pre class=“line-numbers language-css”><code class=“language-css”>
p { max-height: 200%; }

    p { max-width: 200%; } 

</code></pre>
</h2>定义和用法</h2>
<h2></h2>
max-width 定义元素的最大宽度。
max-height 属性设置元素的最大高度。
<h2></h2>
<strong>说明</strong>
该属性值会对元素的宽度设置一个最高限制。因此，元素可以比指定值窄，但不能比其宽。不允许指定负值。
该属性值会对元素的高度设置一个最高限制。因此，元素可以比指定值矮，但不能比其高。不允许指定负值。

<span style=“color:red;”>注释：max-height 属性不包括外边距、边框和内边距。</span>

<h2>可能的值</h2>
<table>
<tbody>
<tr>
<th> 值</th>
<th> 描述</th>
</tr>
<tr>
<td>none</td>
<td>默认。定义对元素的最大宽度没有限制。</td>
</tr>
<tr>
<td><i>length</i></td>
<td>定义元素的最大宽度值。</td>
</tr>
<tr>
<td><i>%</i></td>
<td>定义基于包含它的块级对象的百分比最大宽度。</td>
</tr>
<tr>
<td>inherit</td>
<td>规定应该从父元素继承 max-width 属性的值。</td>
</tr>
</tbody>
</table>
<h2></h2>
<strong>所有主流浏览器都支持 max-width 和 max-height 属性。</strong>

<strong><span style=“color:red;”>注：</span>任何版本的 Internet Explorer （包括 IE8）都不支持属性值 “inherit”。</strong>