IE6 div最少高宽比除去方式和IE6div竖直垂直居中

2021-01-20 10:23 jianzhan
div最少高宽比除去方法:
IE6中,应用CSS界定DIV的高宽比的情况下常常遇到这个难题,便是当DIV的最少高宽比小于1定的值之后,就会发现,不管你如何设定最少高宽比,Div的高宽比会固定不动在1个值已不产生变化,这个难题很是烦人。以下面的状况。
HTML编码

拷贝编码
编码以下:

<html> <head> <title></title> <style type="text/css"> <!-- #testdiv { background: #009900; height: 3px; } --> </style> </head> <body> <div id="testdiv"></div> </body> </html>

这是由于在IE6中,系统软件默认设置的并不是是Div有1个默认设置的高宽比,而是你沒有处理1个掩藏的主要参数,font-size,这个是ie6中针对Div特性中的font-size尺寸和你系统软件css中界定的font-size有很价位系,因而务必独立界定这个Div的font-size,这样才可以处理这个难题。变更后的编码以下。
HTML编码

拷贝编码
编码以下:

<html> <head> <title></title> <style type="text/css"> <!-- #testdiv { background: #009900; height: 3px; font-size: 0px; } --> </style> </head> <body> <div id="testdiv"></div> </body> </html>

div竖直垂直居中:
html:

拷贝编码
编码以下:

<div id="loginbox">
</div>

css:

拷贝编码
编码以下:

#loginbox {width:348px; height:383px; position: absolute; left:50%; top:50%; margin-left:⑴74px; margin-top:⑵50px;}