0

我有.content-left和.content-right，它们打算分别向左和向右浮动。我的问题是两个 div 都设置为width:300px，这远小于容器的宽度（960px）。我认为这就是导致.content-left和之间差距如此之大的原因.content-right。我的问题是——如何缩小差距？在这种情况下，负填充和边距似乎不起作用。

CSS：

#container {
    margin: 0 auto;
    width: 960px;
}

.content-left {
    float: left;
    width: 300px;
}

.content-right {
    float: right;
    width: 300px;
}

HTML：

<div id="container">
    <h1>Heading.</h1>
    <div class="content-left">
        //left side content
    </div><!-- end content-left -->
    <div class="content-right">
        //right side content
    </div><!-- end content-right -->
</div><!-- end container -->

差距

4

2 回答 2

4

尝试向左浮动。然后用一些margin

如果你真的想使用左浮动和右浮动，添加margin-right到浮动右的那个就可以了。

于 2012-09-18T23:53:58.807 回答
0

边距不起作用？嗯，不，它有效。

http://jsfiddle.net/NF8Lk/

于 2012-09-18T23:57:13.423 回答