??ε???CSS???????????bug
???????????? ???????[ 2014/9/16 13:40:30 ] ?????????????????? ??????
???????????????????????????????????????Chrome???????????????????????????Chrome?????????????????Safari????Firefox??????
???????????Щ“???”?????????д???????Ч???????п??????????Υ????CSS?????????????hack?????????????Щ“???”?????????????????????????????????????????????????BUG??????
????HTML??????? - ??????????????????? ??????????inline????????block???? Υ???????????????????????????????????????Ч????
???????CSS lint??????CSS??????????Щ????????Errors??????????£?Errors??Warnings?????????????????????
???????????reset????????????????????????????????CSS?????
??????????????????????????????CSS3???????HTML5???????????????????????????????????????????????????????????“???????”????????????????????磬?????????????????????????????顣
??????????п?????????????margin??????????ù???
??????????λ???????????????????????????????£???λ???????????????position:static?????λ????????????????????????top??right??bottom????left??????????????“??”??????????????????λ???????λ?á?
????????“?????”???????????display????????????磬W3C??????????????table-cell??????????????????????????layout??????????д???????????????????????????????????Ч????BUG??
???????????????layout??????ò???????????????????
????С???????????????????????Ч????
??????????????????
????????????????????W3C???????ж???????????????????????а???淶д?????????????????????Ч????????????“????”?????????margin??inline element????????????????????????Ч??bug??
????Display
???????????дCSS???????????ó????????????Щ????.????????????????ò??display?????????block??inline??inline-block??table??????????????????????Щ????????????????????????
???????????????margin??padding??height??width?????line-height?????á?
?????????????????line-height??vertical align??????????margin??padding??height??width?????á?
?????????????д?????????з??????Σ??????????????е??????????????????й???????????margin????????????к??У?padding???????????????С?
????Positioning
???????????????鼶??????????????????position?????
????Float - ??????????float???????????????鼶???????????????????vertical-align??line-height????????Ч??
????Absolute - ????????????λ???????????????????????????????????????λ????????????reflow???????????????????????Ч??????????????????λ??????????????????????????????????????????λ??????
????Static – ????position?????
????Fixed - ???λ?????????????????????????????
????Relative – ??????????????????????????????λ???????????y?????????
??????????????о????е?display??position???????????????????????????
??????????????display??position????????????????????margin??line-height???????????
??????????position?????????????
???????磬float??table-cell?????????????????????????????????ν??????????W3C?????????ж??壿?????У?????????г?????????bug???????????????????????????????????????????????????????????????????????????
????Internet Explorer
??????????????“???”????????????????????????????IE????????????????????????汾??IE?????????????汾IE??????????°汾???????????
?????????IE???????ó????????????????????????hack???????????*??_??hack?????????????????????????м??????????????£???????????????е????????
????return result + 4;
????????????????IE6??IE7???????hack???????????IE8???????????????CSS3???????hack?????????£???IE6/7????????hack?????У?
????hasLayout???????zoom:1
????????λ??????????
????3px????BUG
????????????????????????????????overflow:hidden????????????
?????????Щ???????????????hack??????????統(tǒng)????????????м???comment??????????????????bug?????????IE?г????css??????????????????????????????????google??????????????????????????bug??????????????hack????????IE?????????????????????????????????????????????????????????????檔
??????
???·???
??????????????????
2023/3/23 14:23:39???д?ò??????????
2023/3/22 16:17:39????????????????????Щ??
2022/6/14 16:14:27??????????????????????????
2021/10/18 15:37:44???????????????
2021/9/17 15:19:29???·???????·
2021/9/14 15:42:25?????????????
2021/5/28 17:25:47??????APP??????????
2021/5/8 17:01:11