0

私は.content-leftとを持って.content-rightいます。これらはそれぞれ左右に浮かせることを意図しています。私の問題は、2 つの 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 に答える