新聞中心
本文向大家描述一下在Firefox與IE下CSS Padding效果不同的解決方法,首先看一下CSS padding屬性的定義,CSS padding屬性用來定義元素的內(nèi)邊距,它接受長(zhǎng)度值或百分比值,但不允許使用負(fù)值。

我們注重客戶提出的每個(gè)要求,我們充分考慮每一個(gè)細(xì)節(jié),我們積極的做好成都做網(wǎng)站、網(wǎng)站建設(shè)服務(wù),我們努力開拓更好的視野,通過不懈的努力,成都創(chuàng)新互聯(lián)贏得了業(yè)內(nèi)的良好聲譽(yù),這一切,也不斷的激勵(lì)著我們更好的服務(wù)客戶。 主要業(yè)務(wù):網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)站設(shè)計(jì),微信平臺(tái)小程序開發(fā),網(wǎng)站開發(fā),技術(shù)開發(fā)實(shí)力,DIV+CSS,PHP及ASP,ASP.Net,SQL數(shù)據(jù)庫的技術(shù)開發(fā)工程師。
在Firefox與IE下CSS Padding效果不同的解決方法
CSS padding屬性
CSS padding屬性定義元素的內(nèi)邊距。padding屬性接受長(zhǎng)度值或百分比值,但不允許使用負(fù)值。
例如,如果您希望所有h1元素的各邊都有10像素的內(nèi)邊距,只需要這樣:
h1{padding:10px;}您還可以按照上、右、下、左的順序分別設(shè)置各邊的內(nèi)邊距,各邊均可以使用不同的單位或百分比值:
- h1{padding:10px0.25em2ex20%;}
問題:
- background-color:#ffeeee">
- test
以上代碼在IE中和Firefox會(huì)有不同的效果。最主要原因是Firefox解釋padding-top與IE的效果不同
Firefox對(duì)DIV總高度是padding-top+height的,而IE中,padding-top是包含在height中的,要解決這一個(gè)矛盾,可以利用!important
- padding-top:5px;
- height:10px !important;
- height:15px;
以上定義了兩個(gè)height, 其中一個(gè)后面加了!important , IE將會(huì)忽略這個(gè)屬性,而使用后面的height:15px; 而Firefox卻不會(huì)忽略這個(gè)屬性, 直接使用height:10px,這樣就可以很巧妙的解決這個(gè)問題。
新聞標(biāo)題:FF與IE下CSSPadding效果不同解決方案
轉(zhuǎn)載注明:http://www.5511xx.com/article/cdogipc.html


咨詢
建站咨詢
