专注前端行业精选
当前位置:网站首页 > 最近更新 > 前端开发 > CSS > 正文

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

作者:鹏仔先生日期:2020-06-02浏览:249分类:CSS


宽度自适应

    语法:

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: 数值+单位;

手机扫码访问

暂无评论,来添加一个吧。

取消回复欢迎 发表评论:

请填写验证码

关灯