你對(duì)CSS 中max-width 和max-height屬性的用法是否熟悉，這里和大家分享一下，max-width 屬性值會(huì)對(duì)元素的寬度設(shè)置一個(gè)最高限制，而max-height屬性值會(huì)對(duì)元素的高度設(shè)置一個(gè)最高限制。

CSS max-width 屬性

定義和用法

max-width 定義元素的最大寬度。

說明

該屬性值會(huì)對(duì)元素的寬度設(shè)置一個(gè)最高限制。因此，元素可以比指定值窄，但不能比其寬。不允許指定負(fù)值。

實(shí)例

設(shè)置段落的最大寬度：

p  
  {  
  max-width:100px;  
  }  

 瀏覽器支持

所有主流瀏覽器都支持 max-width 屬性。

注釋：任何版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。

可能的值

 #p#

CSS max-height 屬性

定義和用法

max-height 屬性設(shè)置元素的最大高度。

說明

該屬性值會(huì)對(duì)元素的高度設(shè)置一個(gè)最高限制。因此，元素可以比指定值矮，但不能比其高。不允許指定負(fù)值。

注釋：max-height 屬性不包括外邊距、邊框和內(nèi)邊距。

實(shí)例

設(shè)置段落的最大高度：

p  
  {  
  max-height:100px;  
  }  

瀏覽器支持

所有主流瀏覽器都支持 max-height 屬性。

注釋：任何版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。

可能的值
 

【編輯推薦】

1. CSS元素水平居中行之有效的辦法
2. IE6.0對(duì)padding的解讀分析
3. CSS樣式表高效使用八大秘訣
4. CSS overflow溢出屬性
5. IE6中常見CSS兼容性解決十大技巧