???????????????????????????????????????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?????????????????????????????????????????????????????????????檔