1、居中問題 

div里的內容，ie默認為居中，而ff默認為左對齊。 
使ff內容居中的方法是增加代碼margin:auto; 

eg: body{margin:0 auto;} 



2、高度問題 

設有兩橫行div排列，上面的div設置高度(height)，如果div里的實際內容大于所設高度，在ff中會出現(xiàn)兩個div重疊的現(xiàn)象；但在ie中，下面的div會自動給上面的div讓出空間。所以為避免出現(xiàn)層的重疊，高度一定要控制恰當，或者干脆不寫高度，讓他自動調節(jié)。 
或者設置：overflow:hidden 

（如果要自動調節(jié)，ie7和ff會認最小高度min-height，但是ie6不認，所以為ie6加上_height:300;）[有點同6] 



3、clear:both;  [萬能] 
拿footer為例，有時候如果上面使用了float控制的n列的布局，那么在用ff瀏覽時footer很有可能會到處亂動——因為他還在受到浮動（float）的控制。如果想讓它正常顯示，在footer的div中寫入clear:both;就可以達到效果了！ 

(或者可以自定義一個block,調整兩個div的間距 eg: .block{height:5px;clear:both;font-size:1px;margin:0 auto;} ） 



4、浮動ie產生的雙倍距離 
#box{ 
float:left; 
width:100px; 
margin:0 0 0 100px; //這種情況之下IE會產生200px的距離 
display:inline; //使浮動忽略 
} 



5、display:block,inline兩個元素 display(顯示) 
display:block; //可以為內嵌元素模擬為塊元素     常用豎向導航 

display:inline; //實現(xiàn)同一行排列的的效果     常用于橫向導航制作中 
diplay:table; //for ff,模擬table的效果 

Display:block元素的特點是：總是在新行上開始 
高度，行高以及頂和底邊距都可控制；  //用line-height控制 
寬度缺省是它的容器的100%，除非設定一個寬度 
<div>, <p>, <h1>, <form>, <ul> 和 <li>是塊元素的例子。 

display:inline就是將元素顯示為行內元素. 
inline元素的特點是： 
和其他元素都在一行上； 
高，行高及頂和底邊距不可改變； 
寬度就是它的文字或圖片的寬度，不可改變。 
<span>, <a>, <label>, <input>, <img>, <strong> 和<em>是inline元素的例子。