要保證CSS效果在IE和Firefox下相容的話，推薦如下：
1：盡量少的使用Margin，使用padding來設定距離，margin太不穩定了,
(當碰到莫名其妙的時候，試試這條。將margin設為0，單獨設定padding)
2：如果要設定float的話，心裡問下自己是否會溢出(內容溢出)，會有什麼結果中,如果有的話，
解決方案有很多種，最簡單的在後面加個<br />，設定<br />的style:display:none;clear:both;。
樓下有說先設定float:right，後設定float:left，至今不明白，能不能詳細解釋下
3：作為容器的div的position最好設定為relative，以作為子內容的定位元素，如果確定設定position為absolute沒什麼影響的話，也可以設定為absolute；
這裡有一點是不要設定其left和top，這樣主要是為了方便內部元素，當我們知道內容元素的定位元素就是它的上階項目的時候，定位也相對容易點，當然了高手可以略過。
4：body，以及一些比較大的容器div的margin最好設定為0，padding也為0;因為margin在瀏覽器中相容性是不好，主要是全域配置。
5: ul的margin要顯式的設定其值，比如：ul{margin:10px;}，不顯式指定的話，在IE和firefox下其margin會不同。
6：CSS開始布局CSS：
body{margin:0px;padding:0px; text-align:center}//這裡做一些全域配置
#container{margin:1px auto 0px auto ; width:XXXX; text-align:left;}
//設定大div置中，注意這裡的每個細節
1:margin:1px auto 0px auto;可以達到置中效果，即在IE和Firefox下置中，主要是左右的margin為auto;
2:width:xxxx;設定大div的寬度，主要作用是為了防止當瀏覽器解析度的變化給div造成影響，因為這個是根div，所以為了好布局，我固定它的寬度，大家可以看看163，xunlei,sohu,這些門戶網站，可以發現最大的那個div寬度是固定的。
3:text-align:left:設定內容為靠左對齊。
1 <html>
2 <head>
3 <title>Test</title>
4 <body>
5 <div id="container"></div>
6 </body>
7 </html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
