Divは何の理由もなくドロップダウンしていますか？

Question

私は次のCSS

.container {margin-left:auto; margin-right:auto; width:1020px;} 
.body {float:left; width:1020px;} 
.leftcont {float:left; width:206px;} 
.left {float:left; width:205px;border-right-width:thin;border-right-style:solid; padding-right:5px;} 
.right {float:left;width:813px; padding: 20px;} 

にHTMLを持っている：

<div class="container"> 
<?php 
include("navigation/footNav.php"); 
?> 



<div class="body"> 
    <div class="leftcont"> 
     <?php 
     if($session->logged_in){ 
      include("navigation/sideLogIn.php"); 
     } 
     else 
     { 
      include("navigation/sideLogOut.php"); 
     } 
     ?> 
     <div class="left"> 
      <div class="bar"> 
       <h1 class="title">Page Menu</h1> 
       <div class="arrow"></div> 
       <a href="/settings.php" class="list">My Settings</a> 
       <br /> 
       <div class="arrow"></div> 
       <a href="/process.php" class="list">Logout</a> 
       <br /> 
      </div> 
     </div> 

    </div> 
    <div class="right"> 
     THis text 
    </div> 
</div> 
<?php 
include("navigation/footer.php"); 
?> 

leftcontと権利が並んで並ぶことになっています。しかし何らかの理由で、右のdivは左のdivの下に落ちていますか？

アイデア？あなたがleftContまたはrightの幅を減少させ、またはrightのパディングを減少させる必要がある

おかげ

Answer 1

あなた.body幅が.leftcontの206pxと.right813pxが含まれている、1020pxですが、それはがが効果的843幅を作るこれ、そこにそのpadding: 20pxでそれを保持しています。

埋め込みまたは幅を.rightに縮小するか、または.bodyに拡張する必要があります。

Answer 2

206 + 813 + 20 + 20 = 1059 

。