元素的高度自适应

网页布局中有时候有的高度需要根据内容调整，所以不能固定，今天就来说说，最小高度自适应

属性：min-height 最小高度，但IE6不识别该属性，height在IE6中类似min-height属性；

以下是解决BUG问题方法：

hack1：min-height:value; _height:value;（IE6能识别下划线"_"和星号" * "，IE7能识别星号" * "，但不能识别下划线"_"，而firefox两个都不能认识）

hack2：min-height:value; _height:auto !important; height:value;(建议使用)

min-height 最小高度

max-height 最大高度

min-width最小宽度

max-width 最大宽度

 

浮动元素的高度自适应

如果父元素未设置高度和宽度且它里面包含了浮动元素，那么它的高度就会出现塌陷问题，解决高度塌陷的问题很简单，可以浮动父级元素、清除法等等，均可实现

hack1：给父元素添加浮动属性：float；

hack2：给父元素添加属性：overflow：hidden；

hack3：在浮动元素下方添加一个空的div，并给此元素添加属性：clear：both；height：0；overflow：hidden；

hack3：给父元素添加此声明（推荐使用）

父元素：after{content：".";  height:0;  display:block;  overflow:hidden;  clear:both;  visibility:hidden;}

 

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有