《多層DIV嵌套時(shí) 父級(jí)DIV樣式無效的問題》文章已經(jīng)歸檔,站長之家不再展示相關(guān)內(nèi)容,下文是站長之家的自動(dòng)化寫作機(jī)器人,通過算法提取的文章重點(diǎn)內(nèi)容。這只AI還很年輕,歡迎聯(lián)系我們幫它成長:
我們做DIV+CSS布局時(shí)常常如下的做多層DIV的嵌套,可是我們卻發(fā)現(xiàn)不管是在IE8還是FF下都層在毛病...
在IE8和FF下,DIV1的邊框變成了一條直線,并沒有隨著內(nèi)部兩個(gè)DIV的內(nèi)容而撐大,原來是因?yàn)槿绻讣?jí)DIV沒有定義高度,并且內(nèi)容為空時(shí)所定義樣式將無效...
這個(gè)時(shí)候我們發(fā)現(xiàn)div的樣式可以正確應(yīng)用,我們可以通過給div加邊框就可以看出,這個(gè)時(shí)候DIV的邊框是包含了整個(gè)文本區(qū)域...
/*解決FF,IE8,DIV嵌套時(shí),外部DIV沒有定義高度,并且內(nèi)部無內(nèi)容只有有內(nèi)嵌套的DIV時(shí),外DIV不能被撐大的問題*/.box:after{content:".";height:0px;display:block;clear:both;visibility:hidden;}...
......
本文由站長之家用戶“盧順成,lushuncheng.cn”投稿,本平臺(tái)僅提供信息索引服務(wù)。由于內(nèi)容發(fā)布時(shí)間超過平臺(tái)更新維護(hù)時(shí)間,為了保證文章信息的及時(shí)性,內(nèi)容觀點(diǎn)的準(zhǔn)確性,平臺(tái)將不提供完整的內(nèi)容展現(xiàn),本頁面內(nèi)容僅為平臺(tái)搜索索引使用。需閱讀完整內(nèi)容的用戶,請(qǐng)聯(lián)系作者獲取原文。
(舉報(bào))