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


宽度自适应

语法:

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

本文链接:https://my.lmcjl.com/post/20963.html

展开阅读全文

4 评论

留下您的评论.