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

宽度自适应

    语法：

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;

最大宽度

    语法：

max-width: 数值+单位;

分享

分享海报

扫一扫 - 分享本文

打赏

微信

扫一扫 - 打赏鹏仔

收藏

请按下 Ctrl + D

即可收藏当前文章

手机看

分享到微信朋友圈

扫一扫 - 手机阅读

侵权投诉

侵权、举报、建议

↓