北京網(wǎng)站建設(shè)多年網(wǎng)站建設(shè)經(jīng)驗(yàn),依托強(qiáng)大的服務(wù)優(yōu)勢,為您提供專業(yè)的北京網(wǎng)站建設(shè)服務(wù)

當(dāng)前位置:首頁 > 北京網(wǎng)站建設(shè) > 很適用的div+css布局口決,幫您解決兼容的問題
北京網(wǎng)站制作 網(wǎng)站建設(shè)公司 網(wǎng)站搭建 網(wǎng)站制作公司 企業(yè)建站 網(wǎng)站設(shè)計(jì)公司 網(wǎng)站開發(fā) 網(wǎng)站設(shè)計(jì) 北京網(wǎng)站設(shè)計(jì) 網(wǎng)頁設(shè)計(jì)公司 常見問題 高端網(wǎng)站建設(shè) 企業(yè)網(wǎng)站建設(shè) 品牌網(wǎng)站建設(shè) 網(wǎng)頁設(shè)計(jì)模板 網(wǎng)頁設(shè)計(jì)與制作 網(wǎng)站建設(shè)多少錢 網(wǎng)站設(shè)計(jì)與制作 網(wǎng)站建設(shè)費(fèi)用 做網(wǎng)站 做網(wǎng)站公司 高端網(wǎng)站設(shè)計(jì) 網(wǎng)站建設(shè)方案 網(wǎng)站建設(shè)制作 北京網(wǎng)站建設(shè) 網(wǎng)站建設(shè)知識(shí) 網(wǎng)站建設(shè)優(yōu)化 網(wǎng)站建設(shè)空間 建設(shè)網(wǎng)站 制作網(wǎng)站 設(shè)計(jì)網(wǎng)站 開發(fā)網(wǎng)站 網(wǎng)站建設(shè)開發(fā) 網(wǎng)站開發(fā)公司 網(wǎng)頁制作 搭建網(wǎng)站 網(wǎng)站設(shè)計(jì)制作 網(wǎng)站設(shè)計(jì)費(fèi)用 企業(yè)網(wǎng)站設(shè)計(jì) 公司網(wǎng)站建設(shè) 公司網(wǎng)站設(shè)計(jì) 公司網(wǎng)站制作 企業(yè)做網(wǎng)站 網(wǎng)站設(shè)計(jì)與開發(fā) 網(wǎng)站建設(shè)備案

很適用的div+css布局口決,幫您解決兼容的問題

作者:鵬飛網(wǎng)絡(luò)   時(shí)間:2013-6-23   分類:北京網(wǎng)站建設(shè)

很適用的div+css布局口決,幫您解決兼容的問題,隨著網(wǎng)頁技術(shù)的發(fā)展,現(xiàn)在div+css布局已經(jīng)是大眾化網(wǎng)站必須需要的了,但用div+css很多并不是所有瀏覽器通用的,有很多不兼容會(huì)造成很多不同瀏覽器顯示效果不同,也有很多顯示的很亂,這樣的話會(huì)嚴(yán)重影響網(wǎng)站的運(yùn)行,到底怎么解決這個(gè)問題,在這里有些口決你可以隨便記下,到時(shí)候可以幫你解決不少問題的。

1、獨(dú)立清除浮動(dòng)須銘記,行高設(shè)無,高設(shè)零,設(shè)計(jì)效果兼瀏覽;


2、學(xué)布局須思路,路隨布局原理自然直,輕松駕馭html,流水布局少hack,代碼清爽,兼容好,友好引擎喜歡迎。


3、所有標(biāo)簽皆有源,只是默認(rèn)各不同,span是無極,無極生兩儀—內(nèi)聯(lián)和塊級(jí),img較特殊,但也遵法理,其他只是改造各不同,一個(gè)*號(hào)全歸原,層疊樣式理須多練習(xí),萬物皆規(guī)律。


4、圖片鏈接排版須小心,圖片鏈接文字鏈接若對齊,padding和vertical-align:middle要設(shè)定,雖差微細(xì)倒無妨。


5、IE浮動(dòng)雙邊距,請用display:inline拘。


6、列表橫向排版,列表代碼須緊靠,空隙自消須銘記。

7、IE邊框若顯若無,須注意,定是高度設(shè)置已忘記;


8、浮動(dòng)產(chǎn)生有緣故,若要父層包含住,緊跟浮動(dòng)要清除,容器自然顯其中;


9、三像素文本慢移不必慌,高度設(shè)置幫你忙;


10、兼容各個(gè)瀏覽須注意,默認(rèn)設(shè)置行高可能是殺手;

 注:北京網(wǎng)站建設(shè)鵬飛網(wǎng)絡(luò)總結(jié)

 height:80px;height:auto!important;  min-height:80px;  //使用這個(gè)定義以后網(wǎng)頁上會(huì)自動(dòng)適應(yīng)高度,但在dreamever里會(huì)只顯示固定高度里面的內(nèi)容會(huì)超出來,會(huì)很難看,如果不設(shè)置高度倒也是可以自動(dòng)適應(yīng)網(wǎng)頁內(nèi)容超出部分,但真正軟件里也顯示正常,網(wǎng)頁上也顯示正常的可以使用

.clear{ clear:both; height:0;  line-height:0; font-size:0}  //在樣式表里定義一個(gè)這樣的樣式,

使用:在使用到flaot:left的位置 總的后面的加一個(gè)div class='clear'  放一組空的div標(biāo)簽來 清除上面的樣式,這樣的話所在的div區(qū)就會(huì)自動(dòng)適應(yīng)高度了。
 overflow:hidden;   //隱藏 超出部分

 11,margin-top在google瀏覽器不能正常顯示,在你需要加margin-top的標(biāo)簽中再加上float樣式就可以令margin-top樣式起作用了,就是這么簡單

===很適用的div+css布局口決,幫您解決兼容的問題,北京網(wǎng)站建設(shè),專業(yè)網(wǎng)站建設(shè)團(tuán)隊(duì),先建設(shè)網(wǎng)站后付款 ===