將div設置爲彼此相鄰

我試圖將我的3個div與id =＃boxes1，＃boxes2，＃boxes3放在一起。出於某種原因，＃boxes3降到＃boxes2以下。我擁有的容器應該足夠大，不會向下移動。我知道這是假設「浮動：離開」;但我現在失去了爲什麼它下降。將div設置爲彼此相鄰

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

謝謝！

來源

2012-04-26 Richard

你能告訴我們用CSS呈現的HTML，最好是在jsfiddle中嗎？這將有助於快速分類。 – 2012-04-26 04:45:54

我想你已經錯過了<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(); ?>

來源

2012-04-26 04:54:32

你可以使用螢火蟲得到你所有的答案。它是一個非常棒的Web開發插件，用於瀏覽器如Firefox和Chrome。並顯示你已經暗示它的頁面，以便可以提供更多的halp。希望它有助於:)

來源

2012-04-26 04:51:30 pamincognito

將div設置爲彼此相鄰

回答

相關問題