爲什麼在IE的身體寬度上有4個像素的差異？

-1

這是我只是迷戀，但我必須知道是否有這種行爲的解釋。我有一個1280 X 1024視口的顯示器。我有一個網站，我想在頁面上居中。我也希望網站寬度爲1280像素寬。現在爲什麼在IE的身體寬度上有4個像素的差異？

，與FF和Opera，我可以定身到100％，我的包裝到1260px（佔滾動條），我沒有得到一個水平滾動條。如果我使用IE7或8，我會得到一個水平滾動條。

FF和Opera在1260px（假設17px滾動條）計算身體寬度，而IE在1259px計算它。我在IE中測量了滾動條，它也是17px。

這是爲什麼？

這是它...

@import url("reset.css"); <- Erik Meyers reset 
html, body{ 
    width:100%; 
    background:#ccc; 
    font-size:100%; 
    /**overflow-x:hidden;**/ <-- Works fine with overflow-x:hidden 
    font-family:Arial; 
} 

#wrap-page{ 
    margin:auto; 
    width:1263px; 
} 

#wrap-content{ 
    margin:0 5px; 
} 

<!DOCTYPE html> 
<html> 
    <head> 
    <title></title> 
    </head> 
    <body> 

    <div style="wrap-page"> 
     <div style="wrap-page"> 
     <div style="float:left;height:2000px;width:1263px;">The test</div> 
     <div style="clear:both;"></div> 
     </div> 
     <div style="clear:both;"></div> 
    </div> 

    </body> 
</html>

來源

2012-12-28 NaN

嗨Surinder，是的，我正在使用重置。 – NaN

只需設置'overflow-x：hidden;'，詛咒IE，然後每天給它打電話。 – mrtsherman

嘿mrtsherman，我同意並已經這樣做，但這是那些讓我非常厭惡的事情之一。我只是認爲我會檢查是否有某種解釋;也許我忽略了一些東西。 – NaN

是U使用重置的CSS。

body{ 
margin:0; 
padding:0; 
} 

*{ 
margin:0; 
padding:0; 
}

Reset CSS

或者您可以使用IE \ 9黑客..

如果你的CSS看起來像這樣...

#myElement { 
    width: 300px; 
    width: 500px\9; 
}

其結果將是#myElement 500 IE 7中的像素寬度爲8，& 9，而在所有其他瀏覽器中，#myElement會300像素寬。

http://webdesignandsuch.com/ie9-specific-css-hack/

來源

2012-12-28 06:58:48

Surinder，我已經在使用重置。謝謝。這是一個很好的答案 – NaN

可以在這裏發佈你的代碼.. –

當然。現在上去。謝謝 – NaN

爲什麼在IE的身體寬度上有4個像素的差異？

回答

相關問題