ie6 float position에 표시되지 않음

i6의 호환성은 정말 하기 어려워요!문제는 다음과 같습니다.
ie6에서 나는float:left를 사용했는데 그 안의 요소에서position이라는 요소를 사용했다. 다른 브라우저에서는 모두 좋은데 유독 i6에서는 사용할 수 없다.코드 구조:

  
  
  
  
  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;잘 됐어!주로 리에 블록 원소를 첨가한다.

좋은 웹페이지 즐겨찾기