北京網(wǎng)站建設多年網(wǎng)站建設經(jīng)驗,依托強大的服務優(yōu)勢,為您提供專業(yè)的北京網(wǎng)站建設服務
作者:鵬飛網(wǎng)絡 時間:2013-6-23 分類:北京網(wǎng)站建設
很適用的div+css布局口決,幫您解決兼容的問題,隨著網(wǎng)頁技術(shù)的發(fā)展,現(xiàn)在div+css布局已經(jīng)是大眾化網(wǎng)站必須需要的了,但用div+css很多并不是所有瀏覽器通用的,有很多不兼容會造成很多不同瀏覽器顯示效果不同,也有很多顯示的很亂,這樣的話會嚴重影響網(wǎng)站的運行,到底怎么解決這個問題,在這里有些口決你可以隨便記下,到時候可以幫你解決不少問題的。
1、獨立清除浮動須銘記,行高設無,高設零,設計效果兼瀏覽;
2、學布局須思路,路隨布局原理自然直,輕松駕馭html,流水布局少hack,代碼清爽,兼容好,友好引擎喜歡迎。
3、所有標簽皆有源,只是默認各不同,span是無極,無極生兩儀—內(nèi)聯(lián)和塊級,img較特殊,但也遵法理,其他只是改造各不同,一個*號全歸原,層疊樣式理須多練習,萬物皆規(guī)律。
4、圖片鏈接排版須小心,圖片鏈接文字鏈接若對齊,padding和vertical-align:middle要設定,雖差微細倒無妨。
5、IE浮動雙邊距,請用display:inline拘。
6、列表橫向排版,列表代碼須緊靠,空隙自消須銘記。
7、IE邊框若顯若無,須注意,定是高度設置已忘記;
8、浮動產(chǎn)生有緣故,若要父層包含住,緊跟浮動要清除,容器自然顯其中;
9、三像素文本慢移不必慌,高度設置幫你忙;
10、兼容各個瀏覽須注意,默認設置行高可能是殺手;
注:北京網(wǎng)站建設鵬飛網(wǎng)絡總結(jié)
height:80px;height:auto!important; min-height:80px; //使用這個定義以后網(wǎng)頁上會自動適應高度,但在dreamever里會只顯示固定高度里面的內(nèi)容會超出來,會很難看,如果不設置高度倒也是可以自動適應網(wǎng)頁內(nèi)容超出部分,但真正軟件里也顯示正常,網(wǎng)頁上也顯示正常的可以使用
.clear{ clear:both; height:0; line-height:0; font-size:0} //在樣式表里定義一個這樣的樣式,
使用:在使用到flaot:left的位置 總的后面的加一個div class='clear' 放一組空的div標簽來 清除上面的樣式,這樣的話所在的div區(qū)就會自動適應高度了。
overflow:hidden; //隱藏 超出部分
11,margin-top在google瀏覽器不能正常顯示,在你需要加margin-top的標簽中再加上float樣式就可以令margin-top樣式起作用了,就是這么簡單
===很適用的div+css布局口決,幫您解決兼容的問題,北京網(wǎng)站建設,專業(yè)網(wǎng)站建設團隊,先建設網(wǎng)站后付款 ===