CSS Float left無法正確對齊div塊與IE10

Question

我有兩個div塊應該彼此相鄰排列。 第二個塊與第一個塊完全對齊，除了Exploder外的所有瀏覽器，這會將第二個塊向下移動。我曾嘗試將div設置爲內嵌塊，包括另一個div中的div以及其他所有我能想到的內容，但沒有任何效果。 你可以看到這一點： clubaero.nl

CSS：

.leftbox { 
    float: left; 
    position: relative; 
    width: 220px; 
    } 

    .main1 { 
    position: relative; 
    width: 480px; 
    margin: 0 auto; 
    } 

HTML：

<div class = "leftbox"> 
.... here is content of the 1st div ..... 
</div> 

<div class = "main1"> 
.... here is content of the 2nd div .... 
</div> 

Answer 1

如果你搜索你的樣式表，你有以下樣式：

.row-fluid .span9 {width:74.46%;} 

這是重寫您的寬度700px;爲.span9。如果你把它改成700px，它應該可以正常工作

Answer 2

如果你不確定你在做什麼，你就不應該使用auto。指定auto會告訴瀏覽器自動確定左右頁邊距本身，這可能因瀏覽器而異。嘗試刪除邊距：0 auto;來自.main1，正如Matt所建議的，看看它是否有效。

也正確的是： - .row-fluid .span9 {width:74.46%;}