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 падает ниже левого?

Любые идеи?

Благодаря

Answer 1

Ваш .body ширина 1020px, которая будет содержать .leftcont «s 206px и .right813px, но не проведет его с этой padding: 20px на там, что делает эффективно 843 ширину.

Вам необходимо либо уменьшить толщину или ширину на .right, либо развернуть на .body.

Answer 2

206 + 813 + 20 + 20 = 1059 

Вам нужно уменьшить ширину leftCont или right или уменьшить отступы right.