Page element location Confusion click on "Review element" recovery

The original page was displayed normally, and later included an online customer service. PHP comes in.
Firefox, IE11, 360 compatibility mode is normal, 360 speed mode, Google chrome will be misplaced, but right click "Review elements" will return to normal ...
Excuse me, what is the reason?

The following is a div that the include comes in

 
 
  
  
  
 
   
 
    
 
   
 
   
 
    
 
     
 
      
  
       
 
        
Machining-Xugong:
 
       
 
       
 
        
 
       
 
       
 
        
 
       
 
       
 
        
Metering Equipment-Zhougong:
 
       
 
       
 
        
 
       
 
       
 
        
 
       
 
       
 
        
Network-Xiao Yu:
 
       
 
       
 
        
 
       
 
       
 
        
 
       
 
       
 
        
China CNC Network official:
 
       
 
       
 
        
 
       
 
       
 
        
 
       
 
      
 
     
 
   
 
   
 
    
 
   
 
  
 
 

The CSS file is like this:

. 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}

The website is China CNC Network

Reply to discussion (solution)

Home I hid the QR code is normal, but the other pages are still misplaced

Put your

Home I hid the QR code is normal, but the other pages are still misplaced

Some ID class conflicts!

It's amazing ... Not the ID class conflict nor the outer bread a div.
The original is put into the header.php inside the now put to footer.php the bottom is good ...

