IE6 div最小高度去除方法以及IE6div垂直居中css樣式

2024-07-11 08:28:04

字體：大中小

來源：轉載

供稿：網友

div最小高度去除辦法：
IE6中，使用CSS定義DIV的高度的時候經常遇到這個問題，就是當DIV的最小高度小于一定的值以后，就會發(fā)現，無論你怎么設置最小高度，Div的高度會固定在一個值不再發(fā)生變動，這個問題很是煩人。如下面的情況。
HTML代碼

復制代碼

代碼如下:
<html> <head> <title></title> <style type="text/css">  </style> </head> <body> <div id="testdiv"></div> </body> </html>

這是因為在IE6中，系統(tǒng)默認的并非是Div有一個默認的高度，而是你沒有解決一個隱藏的參數，font-size，這個是ie6中對于Div屬性中的font-size大小和你系統(tǒng)css中定義的font-size有很大關系，因此必須單獨定義這個Div的font-size，這樣才能解決這個問題。更改后的代碼如下。
HTML代碼

復制代碼

代碼如下:
<html> <head> <title></title> <style type="text/css">  </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:-174px; margin-top:-250px;}

上一篇：經典的IE6的高度問題-div默認存在3個像素高

下一篇：font-size定義為0在IE6下的妙用