搞ie6的兼容性真很差搞啊!出現的問題是這樣的:瀏覽器
ie6中我使用了float:left,在裏面的元素中使用了position這種元素,在其餘的瀏覽器中都是好的,惟獨在ie6下不能使用。代碼結構:ide
- <style>
- li {float:left;}
- </style>
- <ul>
- <li>
- <div class="brand">
- <div style="position:relative">
- </div>
- </div>
- </li>
- <li>
- <div class="brand">
- <div style="position:relative">
- <div style="position:absolute">
- </div>
- </div>
- </div>
- </li>
- <li>
- <div class="brand">
- <div style="position:relative">
- <div style="position:absolute">
- </div>
- </div>
- </div>
- </li>
- <li>
- <div class="brand">
- <div style="position:relative">
- <div style="position:absolute">
- </div>
- </div>
- </div>
- </li>
- </ul>
解決方法:給li加一個class,而且定義display:block; position:relative;就行了!主要是給li加一個塊元素。spa