div+css最小高度的实现代码(兼容ie6/ie7/ie8/firefox)
2013-05-31 23:24
976 查看
我们在用DIV+CSS布局文章内容页面的时候,往往会让DIV或其他元素自适应高度,可是当发布者发布的内容比较少的时候,比如只有一行字,那内容部分就变的很小,不美观,可是我们直接设置一个高度的话,当内容很多时又会溢出,今天研究了一下兼容各浏览器设置DIV最小高度的方法,拿来分享。
假设内容页面的代码如下:
<div class="htmer_mindiv">这里是文章内容……</div>
CSS的代码如下:
假设内容页面的代码如下:
<div class="htmer_mindiv">这里是文章内容……</div>
CSS的代码如下:
.htmer_mindiv{ min-height:500px; //IE7以上/Firefox _height:500px; //IE6 height:100%; //IE6以上/Firefox 这个很重要,IE6定死高度后,需要再加上这条,才能自动拉伸高度。 }
相关文章推荐
- ie和firefox中通用的设置div最小高度和达到这一最小高度后自适应的css代码
- ie和firefox中通用的设置div最小高度和达到这一最小高度后自适应的css代码
- ie和firefox中通用的设置div最小高度和达到这一最小高度后自适应的css代码
- CSS两列自适应高度DIV(高度自动增加)兼容ie和firefox
- (转)IE6/IE7/IE8/Firefox的CSS各种兼容margin问题解决办法
- 关于div设置最小高度,超过后自动增加的css,兼容IE和火狐
- 黄聪:DIV+CSS建站经验总结,不同版本IE下CSS布局bug问题(IE5、IE6、IE7、IE8、火狐Firefox兼容)
- 代码短小的js div层拖动实现代码[兼容IE与Firefox]
- 使用IE条件注释 实现兼容 IE, Opera, Firefox 的 DIV+CSS 表格布局 By shawl.qiu
- 代码短小的js div层拖动实现代码[兼容IE与Firefox]
- DIV+CSS IE6/IE7/IE8/FF兼容问题大全
- 兼容ie和firefox的透明div的css代码
- IE6/IE7/IE8/Firefox的CSS各种兼容margin问题解决办法
- DIV+CSS IE6/IE7/IE8/FF兼容问题大全
- IE6/IE7/IE8/Firefox的CSS各种兼容margin问题解决办法 -
- css解决IE、Firefox兼容的div高度100%的问题
- 兼容ie和火狐的div hr最小高度的css
- DIV+CSS IE6/IE7/IE8/FF兼容问题汇总
- 利用CSS设置div的最小高度(多浏览器兼容)代码
- 【浏览器兼容性】css解决IE、Firefox兼容的div高度100%的问题