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

2024年04月09日 懒猪 前端开发 前端博客 个人博客 网站制作 鹏仔先生 百变鹏仔 HTML CSS javascript JS 共享博客


宽度自适应

语法:

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

本文链接:http://so.lmcjl.com/news/1590/

展开阅读全文
相关内容