css - 将 div 设置为彼此相邻

Question

我正在尝试将 id = #boxes1、#boxes2、#boxes3 的 3 个 div 彼此相邻放置。出于某种原因，#boxes3 低于 #boxes2。我拥有的容器应该足够大，以至于它不会向下移动。我知道它应该是“浮动：左；” 但我现在不知道为什么它会下降。

这是我来自 Wordpress http://pastebin.com/uh00RT8v的 loop.php 这是 CSS http://pastebin.com/FU3tqbRM

谢谢！

Answer 1

我认为您错过了<div id="boxes2">. 所以它没有正确渲染。

<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(); ?>

Answer 2

您可以使用 firebug 获得所有答案。它是一个很棒的 web 开发插件，适用于 firefox 和 chrome 等浏览器。并显示您实施它的页面，以便提供更多的暂停。希望能帮助到你 ：）