ie6 float position里面内容不显示

搞ie6的兼容性真很差搞啊!出现的问题是这样的:浏览器

ie6中我使用了float:left,在里面的元素中使用了position这种元素,在其余的浏览器中都是好的,惟独在ie6下不能使用。代码结构:ide

  
  
  
  
  1. <style> 
  2.     li {float:left;} 
  3. </style> 
  4. <ul> 
  5.     <li> 
  6.         <div class="brand"> 
  7.             <div style="position:relative"> 
  8.             </div> 
  9.         </div> 
  10.     </li> 
  11.     <li> 
  12.         <div class="brand"> 
  13.             <div style="position:relative"> 
  14.                 <div style="position:absolute"> 
  15.                 </div> 
  16.             </div> 
  17.         </div> 
  18.     </li> 
  19.     <li> 
  20.         <div class="brand"> 
  21.             <div style="position:relative"> 
  22.                 <div style="position:absolute"> 
  23.                 </div> 
  24.             </div> 
  25.         </div> 
  26.     </li> 
  27.     <li> 
  28.         <div class="brand"> 
  29.             <div style="position:relative"> 
  30.                 <div style="position:absolute"> 
  31.                 </div> 
  32.             </div> 
  33.         </div> 
  34.     </li> 
  35. </ul> 

解决方法:给li加一个class,而且定义display:block; position:relative;就行了!主要是给li加一个块元素。spa

相关文章
相关标签/搜索