您好,登錄后才能下訂單哦!
這期內(nèi)容當(dāng)中小編將會給大家?guī)碛嘘P(guān)如何操作IE6中div最小高度去除和垂直居中css樣式,文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。
div最小高度去除辦法:
IE6中,使用CSS定義DIV的高度的時候經(jīng)常遇到這個問題,就是當(dāng)DIV的最小高度小于一定的值以后,就會發(fā)現(xiàn),無論你怎么設(shè)置最小高度,Div的高度會固定在一個值不再發(fā)生變動,這個問題很是煩人。如下面的情況。
HTML代碼
代碼如下:
<html> <head> <title></title> <style type="text/css"> <!-- #testdiv { background: #009900; height: 3px; } --> </style> </head> <body> <div id="testdiv"></div> </body> </html>
這是因?yàn)樵贗E6中,系統(tǒng)默認(rèn)的并非是Div有一個默認(rèn)的高度,而是你沒有解決一個隱藏的參數(shù),font-size,這個是ie6中對于Div屬性中的font-size大小和你系統(tǒng)css中定義的font-size有很大關(guān)系,因此必須單獨(dú)定義這個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:-174px; margin-top:-250px;}
上述就是小編為大家分享的如何操作IE6中div最小高度去除和垂直居中css樣式了,如果剛好有類似的疑惑,不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識,歡迎關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。