Question

我有两个div块，它们应该彼此相邻。第二个块与第一个块完全对齐除除“爆炸”之外的所有浏览器，它将第二个块向下移动。我已经尝试将div设置为inline-block，包括另一个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会告诉浏览器自动确定左边距和右边距本身，这可能因浏览器而异。尝试删除margin：0 auto;来自.main1，Matt也建议并查看它是否有效。

同样更正： - .row-fluid .span9 {width:74.46%;}

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

2 个答案: