1、連續(xù)的英文或數(shù)字能是容器被撐大，不能根據(jù)容器的大小自動換行。解決方法：《css之自動換行》 。連續(xù)的標點符號也不會轉(zhuǎn)行，用屬性 word-break:break-all; 無法達到效果，可以選用屬性 word-wrap: break-word; 來解決!
2、有序列表的 li 在 IE 中，定了寬后，序號就變?yōu)?;定了浮動后，就沒有了序號，F(xiàn)irefox 卻不同。IE 認為：列表本來就不把序號算在實體內(nèi)。
3、根據(jù) CSS1，class 或 id 屬性的值不能以數(shù)字 (0-9) 開頭。更早版本的 Internet Explorer 允許這些值以數(shù)字開頭。
4、在用 :after 方式清除浮動時，切記不要在 content:”"; 的引號中加任何字符，包括網(wǎng)上常見方式的點“.”，在opera下會產(chǎn)生問題。
div:after {
content:"";
display:block;
clear:both;
visibility:hidden;
height:0;
}
5、 opera 不支持 overflow-x 和 overflow-y ，而 IE6，IE7，F(xiàn)irefox，Safari 支持。當使用 overflow-y 來實現(xiàn)某種效果時，要注意 opera 下的表現(xiàn)，折中的方法為先定義 overflow:hidden 屬性，在定義overflow-y:auto 或者 overflow-x:auto 屬性。當然這僅是折中的方法，必然有他的局限性。
6、 background-position 屬性定義的順序為水平位置、垂直位置。比如定義 background-position:top left; 雖然順序顛倒了位置，但所有的瀏覽器都能識別。因為 top 和 left 為可識別位置屬性，但如果換個定義方式 background-position:20px left; 此屬性只會在 IE 中正常顯示，在其他瀏覽器中卻認為是無效的定義，難得 IE 的“智能”。
7、對于使用小于已知大小容器的圖片垂直居中的方法時，當 diplay:table-cell;vertical-align:middle; 的已知大小容器，放置于 table 中的 td or th 使用是有問題的，此時可以給已知道大小容器加一層div并設置其屬性為 display:table;margin:0 auto; 來解決。
2、有序列表的 li 在 IE 中，定了寬后，序號就變?yōu)?;定了浮動后，就沒有了序號，F(xiàn)irefox 卻不同。IE 認為：列表本來就不把序號算在實體內(nèi)。
3、根據(jù) CSS1，class 或 id 屬性的值不能以數(shù)字 (0-9) 開頭。更早版本的 Internet Explorer 允許這些值以數(shù)字開頭。
4、在用 :after 方式清除浮動時，切記不要在 content:”"; 的引號中加任何字符，包括網(wǎng)上常見方式的點“.”，在opera下會產(chǎn)生問題。
div:after {
content:"";
display:block;
clear:both;
visibility:hidden;
height:0;
}
5、 opera 不支持 overflow-x 和 overflow-y ，而 IE6，IE7，F(xiàn)irefox，Safari 支持。當使用 overflow-y 來實現(xiàn)某種效果時，要注意 opera 下的表現(xiàn)，折中的方法為先定義 overflow:hidden 屬性，在定義overflow-y:auto 或者 overflow-x:auto 屬性。當然這僅是折中的方法，必然有他的局限性。
6、 background-position 屬性定義的順序為水平位置、垂直位置。比如定義 background-position:top left; 雖然順序顛倒了位置，但所有的瀏覽器都能識別。因為 top 和 left 為可識別位置屬性，但如果換個定義方式 background-position:20px left; 此屬性只會在 IE 中正常顯示，在其他瀏覽器中卻認為是無效的定義，難得 IE 的“智能”。
7、對于使用小于已知大小容器的圖片垂直居中的方法時，當 diplay:table-cell;vertical-align:middle; 的已知大小容器，放置于 table 中的 td or th 使用是有問題的，此時可以給已知道大小容器加一層div并設置其屬性為 display:table;margin:0 auto; 來解決。