CSS Float left无法正确对齐div块与IE10

2013-05-20 49 views 0 likes

我有两个div块应该彼此相邻排列。第二个块与第一个块完全对齐，除了Exploder外的所有浏览器，这会将第二个块向下移动。我曾尝试将div设置为内嵌块，包括另一个div中的div以及其他所有我能想到的内容，但没有任何效果。你可以看到这一点： clubaero.nl CSS Float left无法正确对齐div块与IE10

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>

来源

2013-05-20 ClubAero.nl

hahaha exploder，我喜欢它！ – Pete

副手，尝试删除保证金：0自动;来自.main1。看看它是否与此有关。 –

回答

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

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

这是重写您的宽度700px;为.span9。如果你把它改成700px，它应该可以正常工作

来源

2013-05-20 13:29:38 Pete

+1 - 很好的捕获 – Bojangles

如果你不确定你在做什么，你就不应该使用auto。指定auto会告诉浏览器自动确定左右页边距本身，这可能因浏览器而异。尝试删除边距：0 auto;来自.main1，正如Matt所建议的，看看它是否有效。

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

来源

2013-05-20 13:31:19

CSS Float left无法正确对齐div块与IE10

回答

相关问题