日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關咨詢
選擇下列產品馬上在線溝通
服務時間：8:30-17:00
你可能遇到了下面的問題
關閉右側工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
IE8下DIV嵌套出現(xiàn)錯誤解決方案

這里和大家分享一下IE8下DIV嵌套出現(xiàn)錯誤解決方案，最近用DIV寫了幾個網(wǎng)頁，一開始呢，從來沒有在IE8下面測試過，最近升級了IE8，發(fā)現(xiàn)了好些問題，一開始用IE6和IE7都沒有的新問題出現(xiàn)了，大概就是以下的三種方法，請看詳細介紹。

IE8下DIV嵌套出現(xiàn)錯誤解決方案

最近用DIV寫了幾個網(wǎng)頁，一開始呢，從來沒有在IE8下面測試過，最近升級了IE8，發(fā)現(xiàn)了好些問題，一開始用IE6和IE7都沒有的新問題出現(xiàn)了，大概就是以下的三種方法，與君共勉！ 

 
 
 
 
    
  
  
  
  
  1.  
    2. 
  
  
  
  
  2.  
    3.
 
  •  
    •  
  •  
  •  
  •  

    •  當b1和b2都是float=left時候，a1層的高度不會被b1和b2的高度撐開。(這個現(xiàn)象只有IE8發(fā)生，其他版本IE以及IE8選擇兼容模式后就沒有問題。)

    解決方法：a1的display=table

    ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

    不同的瀏覽器對CSS的解析可能存在出入，因此能在IE6和IE7正常顯示的CSS+DIV頁面在IE8和FF（即Firefox）瀏覽器中未必正常，需要格外留意。以下代碼在FF和IE8下無法正常顯示出DIV塊的內容，僅有一條兩個像素高度的紅線（其實是上、下邊框擠在一處的結果）——

    CSS:

     
 
 
 
      
  
  
  
  
    1. #main{  
      2. 
  
  
  
  
    2. margin:auto;  
      3. 
  
  
  
  
    3. width:400px;  
      4. 
  
  
  
  
    4. background-color:#336699;  
      5. 
  
  
  
  
    5. border:1pxsolid#ff0000;  
      6. 
  
  
  
  
    6. }  
      7. 
  
  
  
  
    7.  
      8. 
  
  
  
  
    8. DIV:
     
  •  

    •  IE8和FF瀏覽環(huán)境下的DIV嵌套效果：

    這意味著，當我們把main作為DIV的父層，里面嵌套若干子層的DIV時，父層的樣式將是被忽略的或者根本就是無效的，這將可能發(fā)生嚴重的問題。我們必須找出原因。原來，在IE8和FF環(huán)境下，一個沒有任何內容的不定義高度的DIV是不會顯示的。以上代碼中，我們若給main定義一個高度，或將

    改為Hello
    ，IE8和FF下將正常顯示我們預設的效果。

    嵌套DIV之后情形又如何呢？

    里層的DIV是否被IE8和FF視為實體HTML元素？現(xiàn)在我們就來試驗一下DIV嵌套效果：

    CSS:

     
 
 
 
      
  
  
  
  
    1. #main{  
      2. 
  
  
  
  
    2. margin:auto;  
      3. 
  
  
  
  
    3. width:400px;  
      4. 
  
  
  
  
    4. background-color:#336699;  
      5. 
  
  
  
  
    5. border:1pxsolid#ff0000;  
      6. 
  
  
  
  
    6. }  
      7. 
  
  
  
  
    7.  
      8. 
  
  
  
  
    8. #sub{  
      9. 
  
  
  
  
    9. width:200px;  
      10. 
  
  
  
  
    10. background-color:#aaa;  
      11. 
  
  
  
  
    11. float:left;  
      12. 
  
  
  
  
    12. }  
      13. 
  
  
  
  
    13.  
      14. 
  
  
  
  
    14. DIV:  
      15. 
  
  
  
  
    15.  
      16. 
  
  
  
  
    16.  
      17. 
  
  
  
  
    17.  
      18. 
  
  
  
  
    18. HelloWorld!
      HiGod!  
      19.
     
  •  
  •  

    • 在IE8和FF下的DIV嵌套效果如下圖所示：

       

    顯然，id為main的父層DIV嵌套沒有被id為sub的里層子DIV撐高，整體樣式出現(xiàn)嚴重的走樣效果。一個簡便的處理方法是，在***一個子層DIV結束之后加上一個高度為0像素的DIV，且該DIV不允許兩邊有浮動對象：

     
 
 
 
      
  
  
  
  
    1.  
      2. 
  
  
  
  
    2.  
      3. 
  
  
  
  
    3. HelloWorld!
      HiGod!
      OK?  
      4.
     
    •  
  •  
  •  

    • 第二種解決方法是定義一個CSS類：

     
 
 
 
      
  
  
  
  
    1. .box:after{  
      2. 
  
  
  
  
    2. content:".";  
      3. 
  
  
  
  
    3. display:block;  
      4. 
  
  
  
  
    4. height:0px;  
      5. 
  
  
  
  
    5. clear:both;  
      6. 
  
  
  
  
    6. visibility:hidden;  
      7. 
  
  
  
  
    7. }  
      8. 
  
  
  
  
    8.  
      9.

    然后將父層DIV代碼中的改為。

    以上兩種方法都將出現(xiàn)如下圖所示的DIV嵌套效果：


    文章題目：IE8下DIV嵌套出現(xiàn)錯誤解決方案
    文章位置：http://www.5511xx.com/article/cdiehec.html

    其他資訊