0

我有两个应该彼此相邻对齐的 div 块。第二个块与第一个块完美对齐，除了 Exploder 之外的所有浏览器，它将第二个块向下移动。我尝试将 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>
4

2 回答 2

2

如果您搜索样式表，您将具有以下样式：

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

这是覆盖你的宽度700px;for .span9。如果您将其更改为 700px 它应该可以正常工作

于 2013-05-20T13:29:38.337 回答
0

如果您不确定自己在做什么，则永远不要使用 auto。指定 auto 告诉浏览器自动确定左右边距本身，这可能因浏览器而异。尝试删除边距：0 auto; 来自 .main1 正如马特所建议的那样，看看它是否有效。

也纠正这个： -.row-fluid .span9 {width:74.46%;}

于 2013-05-20T13:31:19.573 回答