Css 设置相邻的div

我试着把我的3个div，id=#boxes1，#boxes2，#boxes3放在一起。出于某种原因，盒子3降到盒子2以下。我的容器应该足够大，不会往下移动。我知道它应该是“浮动：左”，但我现在不明白它为什么会下降

这是我从Wordpress下载的loop.php 这是CSS

---

谢谢大家!

您可以使用firebug获得所有答案。对于firefox和chrome这样的浏览器来说，它是一个很棒的web开发插件。并显示已实现的页面，以便提供更多的halp。希望有帮助：）

我想你错过了你的

的结束标签。因此它没有正确渲染

<div id="boxes2">
    <!--So lets set our category to only show technology-->
    <?php query_posts($query_string . '&cat=9'); ?>
    <!--Start the loop-->
    <?php while ( have_posts() ) : the_post(); ?>
        <!--Inside the loop-->
        <div class="box">
            <!--The post title-->
            <h1><?php the_title(); ?></h1>
            <!--The post image-->
            <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('homepage-thumb', array('alt' => '', 'title' => '')); ?></a>
        </div>  
    <?php endwhile; ?>
</div> <!-- <<<<<<<<<<<<<<<<<<<<<<<<<<<< This one -->
<?php rewind_posts(); ?>

---

您能用CSS向我们展示呈现的HTML吗，最好是在JSFIDLE中？这将有助于迅速解决问题。