<\/a>
IE vs FF<\/p>\n

CSS \u517c\u5bb9\u8981\u70b9\uff1a<\/p>\n

DOCTYPE \u5f71\u54cd CSS \u5904\u7406<\/p>\n

FF: div \u8bbe\u7f6e margin-left, margin-right \u4e3a auto \u65f6\u5df2\u7ecf\u5c45\u4e2d, IE \u4e0d\u884c<\/p>\n

FF: body \u8bbe\u7f6e text-align \u65f6, div \u9700\u8981\u8bbe\u7f6e margin: auto(\u4e3b\u8981\u662f margin-left,margin-right) \u65b9\u53ef\u5c45\u4e2d<\/p>\n

FF: \u8bbe\u7f6e padding \u540e, div \u4f1a\u589e\u52a0 height \u548c width, \u4f46 IE \u4e0d\u4f1a, \u6545\u9700\u8981\u7528 !important \u591a\u8bbe\u4e00\u4e2a height \u548c width<\/p>\n

FF: \u652f\u6301 !important, IE \u5219\u5ffd\u7565, \u53ef\u7528 !important \u4e3a FF \u7279\u522b\u8bbe\u7f6e\u6837\u5f0f<\/p>\n

div \u7684\u5782\u76f4\u5c45\u4e2d\u95ee\u9898: vertical-align:middle; \u5c06\u884c\u8ddd\u589e\u52a0\u5230\u548c\u6574\u4e2aDIV\u4e00\u6837\u9ad8 line-height:200px; \u7136\u540e\u63d2\u5165\u6587\u5b57\uff0c\u5c31\u5782\u76f4\u5c45\u4e2d\u4e86\u3002\u7f3a\u70b9\u662f\u8981\u63a7\u5236\u5185\u5bb9\u4e0d\u8981\u6362\u884c<\/p>\n

cursor: pointer \u53ef\u4ee5\u540c\u65f6\u5728 IE FF \u4e2d\u663e\u793a\u6e38\u6807\u624b\u6307\u72b6\uff0c hand \u4ec5 IE \u53ef\u4ee5<\/p>\n

FF: \u94fe\u63a5\u52a0\u8fb9\u6846\u548c\u80cc\u666f\u8272\uff0c\u9700\u8bbe\u7f6e display: block, \u540c\u65f6\u8bbe\u7f6e float: left \u4fdd\u8bc1\u4e0d\u6362\u884c\u3002\u53c2\u7167 menubar, \u7ed9 a \u548c menubar \u8bbe\u7f6e\u9ad8\u5ea6\u662f\u4e3a\u4e86\u907f\u514d\u5e95\u8fb9\u663e\u793a\u9519\u4f4d, \u82e5\u4e0d\u8bbe height, \u53ef\u4ee5\u5728 menubar \u4e2d\u63d2\u5165\u4e00\u4e2a\u7a7a\u683cXHTML+CSS\u517c\u5bb9\u6027\u89e3\u51b3\u65b9\u6848\u5c0f\u96c6<\/p>\n

\u4f7f\u7528XHTML\uff0bCSS\u6784\u67b6\u597d\u5904\u4e0d\u5c11\uff0c\u4f46\u4e5f\u786e\u5b9e\u5b58\u5728\u4e00\u4e9b\u95ee\u9898\uff0c\u4e0d\u8bba\u662f\u56e0\u4e3a\u4f7f\u7528\u4e0d\u719f\u7ec3\u8fd8\u662f\u601d\u8def\u4e0d\u6e05\u6670\uff0c\u6211\u5c31\u5148\u628a\u4e00\u4e9b\u6211\u9047\u5230\u7684\u95ee\u9898\u5199\u5728\u4e0b\u9762\uff0c\u7701\u7684\u5927\u5bb6\u56db\u5904\u627e^^<\/p>\n

1.\u5728mozilla firefox\u548cIE\u4e2d\u7684BOX\u6a21\u578b\u89e3\u91ca\u4e0d\u4e00\u81f4\u5bfc\u81f4\u76f8\u5dee2px\u89e3\u51b3\u65b9\u6cd5\uff1a<\/p>\n

div{margin:30px!important;margin:28px;}<\/p>\n

\u6ce8\u610f\u8fd9\u4e24\u4e2amargin\u7684\u987a\u5e8f\u4e00\u5b9a\u4e0d\u80fd\u5199\u53cd\uff0c\u636e\u963f\u6377\u7684\u8bf4\u6cd5!important\u8fd9\u4e2a\u5c5e\u6027IE\u4e0d\u80fd\u8bc6\u522b\uff0c\u4f46\u522b\u7684\u6d4f\u89c8\u5668\u53ef\u4ee5\u8bc6\u522b\u3002\u6240\u4ee5\u5728IE\u4e0b\u5176\u5b9e\u89e3\u91ca\u6210\u8fd9\u6837\uff1a<\/p>\n

div{maring:30px;margin:28px}<\/p>\n

\u91cd\u590d\u5b9a\u4e49\u7684\u8bdd\u6309\u7167\u6700\u540e\u4e00\u4e2a\u6765\u6267\u884c\uff0c\u6240\u4ee5\u4e0d\u53ef\u4ee5\u53ea\u5199margin:XXpx!important;<\/p>\n

2.IE5 \u548cIE6\u7684BOX\u89e3\u91ca\u4e0d\u4e00\u81f4IE5\u4e0bdiv{width:300px;margin:0 10px 0 10px;}div\u7684\u5bbd\u5ea6\u4f1a\u88ab\u89e3\u91ca\u4e3a300px-10px(\u53f3\u586b\u5145)-10px(\u5de6\u586b\u5145)\u6700\u7ec8div\u7684\u5bbd\u5ea6\u4e3a280px\uff0c\u800c\u5728IE6\u548c\u5176\u4ed6\u6d4f\u89c8\u5668\u4e0a\u5bbd\u5ea6\u5219 \u662f\u4ee5300px+10px(\u53f3\u586b\u5145)+10px(\u5de6\u586b\u5145)=320px\u6765\u8ba1\u7b97\u7684\u3002\u8fd9\u65f6\u6211\u4eec\u53ef\u4ee5\u505a\u5982\u4e0b\u4fee\u6539<\/p>\n

div{width:300px!important;width \/**\/:340px;margin:0 10px 0 10px}<\/p>\n

\uff0c\u5173\u4e8e\u8fd9\u4e2a\/**\/\u662f\u4ec0\u4e48\u6211\u4e5f\u4e0d\u592a\u660e\u767d\uff0c\u53ea\u77e5\u9053IE5\u548cfirefox\u90fd\u652f\u6301\u4f46IE6\u4e0d\u652f\u6301\uff0c\u5982\u679c\u6709\u4eba\u7406\u89e3\u7684\u8bdd\uff0c\u8bf7\u544a\u8bc9\u6211\u4e00\u58f0\uff0c\u8c22\u4e86\uff01\uff1a\uff09<\/p>\n

3.ul\u6807\u7b7e\u5728Mozilla\u4e2d\u9ed8\u8ba4\u662f\u6709padding\u503c\u7684,\u800c\u5728IE\u4e2d\u53ea\u6709margin\u6709\u503c\u6240\u4ee5\u5148\u5b9a\u4e49<\/p>\n

ul{margin:0;padding:0;}<\/p>\n

\u5c31\u80fd\u89e3\u51b3\u5927\u90e8\u5206\u95ee\u9898<\/p>\n

4.\u5173\u4e8e\u811a\u672c\uff0c\u5728xhtml1.1\u4e2d\u4e0d\u652f\u6301language\u5c5e\u6027\uff0c\u53ea\u9700\u8981\u628a\u4ee3\u7801\u6539\u4e3a<\/p>\n

type=”text\/javascript<\/p>\n

\u5c31\u53ef\u4ee5\u4e86<\/p>\n","protected":false},"excerpt":{"rendered":"

IE vs FF CSS \u517c\u5bb9\u8981\u70b9\uff1a DOCTYPE \u5f71\u54cd CSS \u5904\u7406 FF: div \u8bbe\u7f6e margin- … \u7ee7\u7eed\u9605\u8bfbCSS\u517c\u5bb9\u8981\u70b9<\/span> →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[84,77],"tags":[],"_links":{"self":[{"href":"http:\/\/wp.imkylin.cn\/wp-json\/wp\/v2\/posts\/176"}],"collection":[{"href":"http:\/\/wp.imkylin.cn\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/wp.imkylin.cn\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/wp.imkylin.cn\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/wp.imkylin.cn\/wp-json\/wp\/v2\/comments?post=176"}],"version-history":[{"count":0,"href":"http:\/\/wp.imkylin.cn\/wp-json\/wp\/v2\/posts\/176\/revisions"}],"wp:attachment":[{"href":"http:\/\/wp.imkylin.cn\/wp-json\/wp\/v2\/media?parent=176"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/wp.imkylin.cn\/wp-json\/wp\/v2\/categories?post=176"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/wp.imkylin.cn\/wp-json\/wp\/v2\/tags?post=176"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}