div+css最小高度的设置方法兼容各浏览器ie6+/Firefox
2014-09-04 16:00
751 查看
我们在用DIV+CSS布局文章内容页面的时候,往往会让DIV或其他元素自适应高度,可是当发布者发布的内容比较少的时候,比如只有一行字,那内容部分就变的很小,不美观,可是我们直接设置一个高度的话,当内容很多时又会溢出,今天研究了一下兼容各浏览器设置DIV最小高度的方法,拿来分享。
假设内容页面的代码如下:
CSS的代码如下:
假设内容页面的代码如下:
<div class="htmer_mindiv">这里是文章内容……</div>
CSS的代码如下:
.htmer_mindiv{ min-height:500px; //IE7以上/Firefox _height:500px; //IE6 height:100%; //IE6以上/Firefox 这个很重要,IE6定死高度后,需要再加上这条,才能自动拉伸高度。 }
相关文章推荐
- 利用CSS设置div的最小高度(多浏览器兼容)代码
- div的最小高度设置兼容各浏览器
- 关于div设置最小高度,超过后自动增加的css,兼容IE和火狐
- DIV+CSS布局:多浏览器兼容 指定CSS的最小高度
- [转]CSS中设置div最小高度(支持IE6, IE7, IE8, FF等浏览器)
- 兼容ie和火狐的div hr最小高度的css
- div+css div不设置高度背景颜色或外边框不能显示的解决方法
- div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法
- div+css浏览器兼容问题解决方法
- DIV+CSS最小高度(兼容IE6\IE7\FF)(转载)
- div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法
- div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法(原创理论)
- ie和firefox中通用的设置div最小高度和达到这一最小高度后自适应的css代码
- [转]怎样调整CSS设置DIV图层自适应高度且最小高度
- DIV+CSS浏览器兼容方法的总结(下)
- div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法
- div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法
- div+css总结—FF、IE7下div不设置高度背景颜色或外边框不能显示的解决方法
- CSS设置DIV Herf底层图片和链接同时改变(兼容多浏览器)
- div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法