網頁元素位置錯亂 點擊“審查元素”恢複

原先網頁都正常顯示的，後來include了一個線上客服.php進來。
Firefox、IE11、360相容模式中正常；360極速模式、Google Chrome中就會錯位，但是點擊右鍵“審查元素”就又都會恢複正常...
請問是什麼原因？

下面是include進來的一個div

 
  
  
 
   
 
    
 
   
 
   
 
    
 
     
 
      
 
       
 
        
機加工-徐工：
       
 
       
 
        

       
 
       
 
        

       
       
 
        
計量裝置-周工：
       
 
       
 
        

       
 
       
 
        

       
       
 
        
網路-小俞：
       
 
       
 
        

       
       
 
        

       
 
       
 
        
中國數控網官方：
       
 
       
 
        
 
       
 
       
 
        
 
       
      
     
   
 
   
 
    

   
  
 

CSS檔案是這樣的：

.main_head {BACKGROUND: url(../images/kefu/img3-5_2.png) no-repeat}* HTML .main_head {FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/kefu/img3-5_2.png",sizingMethod='crop'); BACKGROUND: none transparent scroll repeat 0% 0%}* + HTML .main_head {BACKGROUND: url(../images/kefu/img3-5_2.png) no-repeat}.info {PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/kefu/img3-5_3.png) repeat-y; PADDING-TOP: 5px}* HTML .info {FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/kefu/img3-5_3.png",sizingMethod='crop'); BACKGROUND-REPEAT: repeat-y}* + HTML .info {PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/kefu/img3-5_3.png) repeat-y; PADDING-TOP: 5px}.down_kefu {WIDTH: 157px; BACKGROUND: url(../images/kefu/img3-5_4.png) no-repeat; HEIGHT: 8px}* HTML .down_kefu {FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/kefu/img3-5_4.png",sizingMethod='crop'); WIDTH: 157px; BACKGROUND-REPEAT: repeat-y; HEIGHT: 8px}* + HTML .down_kefu {WIDTH: 157px; BACKGROUND: url(../images/kefu/img3-5_4.png) no-repeat; HEIGHT: 8px}.Obtn {MARGIN-TOP: 104px; WIDTH: 32px; BACKGROUND: url(../images/kefu/img3-5_1.png) no-repeat; FLOAT: left; HEIGHT: 139px; MARGIN-LEFT: -5px}* HTML .Obtn {FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/kefu/img3-5_1.png",sizingMethod='crop'); WIDTH: 32px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; HEIGHT: 139px}* + HTML .Obtn {MARGIN-TOP: 104px; WIDTH: 32px; BACKGROUND: url(../images/kefu/img3-5_1.png) no-repeat; FLOAT: left; HEIGHT: 139px; MARGIN-LEFT: -5px}.qqtable SPAN {PADDING-BOTTOM: 5px; LINE-HEIGHT: 20px; PADDING-LEFT: 0px; WIDTH: 100px; PADDING-RIGHT: 0px; COLOR: #ff6600; FONT-SIZE: 13px; FONT-WEIGHT: bold; PADDING-TOP: 5px}.qqtable A {TEXT-DECORATION: none}.qqtable A:hover {TEXT-DECORATION: none}.qun {BORDER-BOTTOM: #ffd2bf 1px solid; BORDER-LEFT: #ffd2bf 1px solid; PADDING-BOTTOM: 5px; LINE-HEIGHT: 20px; BACKGROUND-COLOR: #ffffff; PADDING-LEFT: 0px; WIDTH: 100px; PADDING-RIGHT: 0px; FONT-SIZE: 12px; BORDER-TOP: #ffd2bf 1px solid; BORDER-RIGHT: #ffd2bf 1px solid; PADDING-TOP: 5px}.qun SPAN {COLOR: #ff6600; FONT-SIZE: 13px; FONT-WEIGHT: bold}

網址是 中國數控網

回複討論(解決方案)

首頁我把二維碼隱藏掉了 就正常了，但是其它頁面還是錯位的

把你的

首頁我把二維碼隱藏掉了 就正常了，但是其它頁面還是錯位的

某些 id class衝突了！

太神奇了...不是id class的衝突 也沒有在外麵包一個div。
原來是放到header.php裡面的 現在放到footer.php的最下面就好了...

