宽/高自适应 与 最小最大高度、最小最大宽度 介绍

转载“共享博客”

原文 http://www.sharedblog.cn/?post=130

宽度自适应

    语法：

 

width: 100%;

    注： 块状元素默认宽度为100%；通常应用在通栏效果中；

 

高度自适应

    语法：

 

height: auto;

    注：等价于不设置高度；

 

 

PS：以下四组属性IE6及以下版本浏览器不支持

最小高度

    语法：

 

min-height: 数值+单位;

    注：IE6不识别min-height属性，解决方法如下

    方案一：

 

min-height: 150px;
-height: 150px;

    方案二：

 

min-height: 150px;
height: auto !important;
height: 150px;

 

最大高度

    语法：

 

max-height: 数值+单位;

 

最小宽度

    语法：

 

min-height: 数值+单位;

    注：当给块状元素设置 min-width 属性时，需要将块状元素转换为内联块状元素，即添加 display: inline-block;

    详情 http://www.sharedblog.cn/?post=126

 

最大宽度

    语法：

 

max-width: 数值+单位;