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>