IE 和ff css 兼容遇到的問題

css  火狐 IE 問題

 

1. border: solid 1px black     在火狐下顯示不出來。   （如果1px爲thin等的話，那麼IE 火狐邊框顯示的粗度差很大，只要改成px即可）

   解決：清除浮動元素   overflow:hidden   （不要用clear:both  有bug）

 

 

2.  兩個div 高度相同問題。   div2高度要隨div1高度變化而變化    

css:   .div{float:left;}

 

原先代碼：（這樣的代碼 如果div1內容太多的話，那麼div2容器高度不會隨着div1的高度而變化。 只需加入: clear:both 紅字 ）

<div >

<div id="div1"  class="div">div1 div1div1div1div1div1div1div1div1div1div1div1div1div1div1div1div1</div>

<div id="div2"  class="div">div2</div>

<div id="讓div2高度隨着div1高度變化而變化 "   style="clear:both">div2</div>

</div>

 

 

3.div高度問題：   (最外層div 設置的border 不一定能 包住 裏面的div1和div2容器，因爲他有個默認高度。要添加clear:both )

 

<div  style="border:solid 1px black">

<div id="div1"  class="div">div1 div1div1div1div1div1div1div1div1div1div1div1div1div1div1div1div1</div>

<div id="div2"  class="div">div2</div>

</div>