div+css最少高宽比的设定方式适配各访问器ie6+/F

2021-03-06 20:23 jianzhan
大家在用DIV+CSS合理布局文章内容內容网页页面的情况下,常常会让DIV或别的元素自融入高宽比,但是当公布者公布的內容较为少的情况下,例如仅有1行字,那內容一部分就变的很小,不美观大方,但是大家立即设定1个高宽比的话,当內容许多时又会外溢,今日科学研究了1下适配各访问器设定DIV最少高宽比的方式,拿来共享。

假定內容网页页面的编码以下:

拷贝编码
编码以下:

<div class="htmer_mindiv">这里是文章内容內容……</div>

CSS的编码以下:

拷贝编码
编码以下:

.htmer_mindiv{
min-height:500px; //IE7以上/Firefox
_height:500px; //IE6
height:100%; //IE6以上/Firefox 这个很关键,IE6定死高宽比后,必须再再加这条,才可以全自动拉伸高宽比。
}