我试图将我的3个div与id =#boxes1,#boxes2,#boxes3放在一起。出于某种原因,#boxes3降到#boxes2以下。我拥有的容器应该足够大,不会向下移动。我知道这是假设“浮动:离开”;但我现在失去了为什么它下降。将div设置为彼此相邻
这是WordPress的http://pastebin.com/uh00RT8v 我loop.php这是CSS http://pastebin.com/FU3tqbRM
谢谢!
我试图将我的3个div与id =#boxes1,#boxes2,#boxes3放在一起。出于某种原因,#boxes3降到#boxes2以下。我拥有的容器应该足够大,不会向下移动。我知道这是假设“浮动:离开”;但我现在失去了为什么它下降。将div设置为彼此相邻
这是WordPress的http://pastebin.com/uh00RT8v 我loop.php这是CSS http://pastebin.com/FU3tqbRM
谢谢!
我想你已经错过了<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(); ?>
你可以使用萤火虫得到你所有的答案。它是一个非常棒的Web开发插件,用于浏览器如Firefox和Chrome。并显示你已经暗示它的页面,以便可以提供更多的halp。希望它有助于:)
你能告诉我们用CSS呈现的HTML,最好是在jsfiddle中吗?这将有助于快速分类。 – 2012-04-26 04:45:54