网页元素的自适应高度怎么设定

发布时间：2022-06-08 13:15 所属栏目：21 来源：互联网

导读：网页布局中有时候有的高度需要根据内容调整，所以不能固定，今天就来说说，最小高度自适应属性：min-height 最小高度，但IE6不识别该属性，height在IE6中类似min-height属性；以下是解决BUG问题方法： hack1：min-height:value; _height:value;（IE6能识别

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

  属性：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 最大宽度

浮动元素的高度自适应

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

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

（编辑：ASP站长网）