时间:2021-05-08
我们在用DIV+CSS布局文章内容页面的时候,往往会让DIV或其他元素自适应高度,可是当发布者发布的内容比较少的时候,比如只有一行字,那内容部分就变的很小,不美观,可是我们直接设置一个高度的话,当内容很多时又会溢出,今天研究了一下兼容各浏览器设置DIV最小高度的方法,拿来分享。
假设内容页面的代码如下:
复制代码代码如下:
<div class="htmer_mindiv">这里是文章内容……</div>
CSS的代码如下:
复制代码代码如下:
.htmer_mindiv{
min-height:500px; //IE7以上/Firefox
_height:500px; //IE6
height:100%; //IE6以上/Firefox 这个很重要,IE6定死高度后,需要再加上这条,才能自动拉伸高度。
}
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
CSS设置页面最大最小宽度兼容ie6/7/8/9,FF,chrome,sogou等浏览器设置最小宽度div{width:100%;min-width:1000p
一.网站的浏览器兼容性 目前主要用DIV+CSS设计网页。TABLE已经过时了。但我们知道浏览器很多。它们对网站的识别不一样。如IE6、IE8、IE9、Moz
浏览器的兼容问题突出。浏览器是最为重要的工具,基于DIV+CSS技术的网页设计的浏览器在兼容性问题上还存在诸多有待改进和提升的地方。由于DIV+CSS技术在浏览
浏览器参照基准:Firefox,Chrome,Safari,Opera,IE; *IE6不支持CSSmin-height属性。最小高度的定义:1.元素拥有默认
本文向大家简单描述一下DIV+CSS相对IE6IE7和IE8兼容问题整理,重点介绍一下IE6IE7和IE8等浏览器的区别和联系,相信本文介绍一定会让你有所收获。