将div设置为彼此相邻

时间:2012-04-26 04:44:15

标签: css wordpress html css-float

我正在尝试将我的3个div与id =#boxes1,#boxes2,#boxes3放在一起。出于某种原因,#boxes3降到了#boxes2之下。我所拥有的容器应该足够大,以免它向下移动。我知道这是假设“浮动:离开;”但我现在迷失了为什么它会下降。

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

谢谢!

2 个答案:

答案 0 :(得分:2)

我认为您错过了<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(); ?>

答案 1 :(得分:0)

您可以使用firebug获得所有答案。它是一个非常棒的Web开发插件,适用于Firefox和Chrome等浏览器。并显示您已经实现的页面,以便可以提供更多的halp。希望它有所帮助:)