《典型的三行二列居中高度自適應(yīng)布局》文章已經(jīng)歸檔，站長之家不再展示相關(guān)內(nèi)容，下文是站長之家的自動化寫作機(jī)器人，通過算法提取的文章重點(diǎn)內(nèi)容。這只AI還很年輕，歡迎聯(lián)系我們幫它成長：
首先先按這里看實(shí)際運(yùn)行效果，這個頁面在mozilla、opera和IE瀏覽器中均可以實(shí)現(xiàn)居中和高度自適應(yīng)...
代碼分析...
注：其實(shí)定義text-align:center;就已經(jīng)在IE中實(shí)現(xiàn)居中，但在mozilla中無效，需要設(shè)置margin:auto;才可以實(shí)現(xiàn)mozilla中的居中...
你肯定會問，為什么不直接在#contain中定義背景，而要多套一層呢？那是因?yàn)樵?contain中直接定義的背景，在mozilla中將顯示不出來，必須定義高度值才可以...
最后是定義底部的#footer層...
為什么不直接在#right里定義margin或者padding呢，因?yàn)閙ozilla和IE對css盒模型的解釋不一致，直接定義margin/padding會造成mozilla里布局變形...
......
本文由站長之家用戶“w3cn.org”投稿，本平臺僅提供信息索引服務(wù)。由于內(nèi)容發(fā)布時間超過平臺更新維護(hù)時間，為了保證文章信息的及時性，內(nèi)容觀點(diǎn)的準(zhǔn)確性，平臺將不提供完整的內(nèi)容展現(xiàn)，本頁面內(nèi)容僅為平臺搜索索引使用。需閱讀完整內(nèi)容的用戶，請聯(lián)系作者獲取原文。
（舉報）