昨晚看了騰訊課堂的公開課,自己也學(xué)著做了一個。
在線demo 振愿，支持IE7及以上
下面說說遇到的幾個問題
1. 關(guān)于浮動清除
參考資料（源鏈接無法打開給了個轉(zhuǎn)載鏈接）
.cf::after {
content: "";
display: table;
clear: both;
在chrome里用以上代碼使塌陷的父元素新被撐開铐然，但是在IE7里需要添加
.cf {zoom: 1}
另外IE8不支持偽元素的雙冒號讶迁，需用偽類的單冒號
2. 在chrome下齐莲，僅需對下拉菜單做絕對定位（相對其父元素），但在IE7/8下必須設(shè)置top和left屬性吻贿，否則會錯位。
3. 對導(dǎo)航欄下的li標(biāo)簽和li下的ul標(biāo)簽設(shè)置一樣的寬度拗慨，可以實現(xiàn)下拉菜單跟菜單的寬度一致廓八。
4. 行內(nèi)元素只有l(wèi)ine-high對高度起作用，要通過block化才能使padding和margin對高度起作用赵抢。
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
