簡單margin屬性被適當地顯示在IE和FireFox但不是在鉻

兩個主容器塊（一個與方形瓷磚/菜單項）和頂塊的上方具有相同的寬度，並在所有的適當排隊 Chrome以外的瀏覽器。簡單margin屬性被適當地顯示在IE和FireFox但不是在鉻

這是由鍍鉻引起了不準確地呈現以下margin屬性的某些原因。將margin-right放在4px的第處獲得正確的寬度，但是這會破壞Explorer和FireFox中的佈局。不知道是什麼原因造成的。看現場小提琴的例子。只需將幀拉出以查看整個事情。

DIV.RootCell 
{ 
width: 134px; 
height: 120px; 
margin-right: 3px;  //<------------- 
display:inline-block; 
float:left; 

}

2012-03-20 LaserBeak

Firefox和Chrome瀏覽器是關閉的1個像素爲我。我看到的問題是這樣的：

的機頂盒被宣佈爲937px寬。

下面的格子中有7個元素。每個寬度爲134像素，3像素右邊距。這意味着您獲得（134x7）+（3x6）作爲可見寬度。當你進行數學運算時，會出現956px的寬度，這是對於頂部框的聲明的一小部分。如果您將頂部框設爲936px，則它應該可以在Chrome和Firefox中使用。

而且，你可以看到，轉變工作在Chrome和火狐瀏覽：http://jsfiddle.net/jfriend00/bdP8p/1/

另外，檢查你的瀏覽器縮放級別，並確保它在100％。我注意到您的佈局對瀏覽器縮放比較敏感，因爲當您放大或縮小時（除100％以外的任何內容），它都會出現一堆。

2012-03-20 07:20:55 jfriend00

嗯，也許我使用的是較舊的或新的Chrome版本。 Chrome瀏覽器對我來說有4-5px的好處。在你的例子中，我看到我的Chrome瀏覽器（17.0.963.79米）沒有改變。 – LaserBeak 2012-03-20 07:23:23

@LaserBeak - 我在這裏運行Chrome 17。固定版本在Safari，Firefox和Opera也可以使用。它在IE9中有一堆其他顯示問題（邊框不能正常工作）。 – jfriend00 2012-03-20 07:26:42

@LaserBeak - 檢查您的瀏覽器縮放級別。我注意到，在Chrome瀏覽器中，當瀏覽器縮放比例不是100％時，佈局會更多。 – jfriend00 2012-03-20 07:29:03

回答