2012-04-26 209 views
1

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

这是WordPress的http://pastebin.com/uh00RT8v 我loop.php这是CSS http://pastebin.com/FU3tqbRM

谢谢!

+2

你能告诉我们用CSS呈现的HTML,最好是在jsfiddle中吗?这将有助于快速分类。 – 2012-04-26 04:45:54

回答

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

你可以使用萤火虫得到你所有的答案。它是一个非常棒的Web开发插件,用于浏览器如Firefox和Chrome。并显示你已经暗示它的页面,以便可以提供更多的halp。希望它有助于:)