Question

所以我试图理解为什么我的div在请求时不浮动。我将帖子的循环包裹在一个浮动的div中，但它们只是像你添加新帖子时那样堆叠。

我的主题完全是空白的，所以css没有冲突。

/ *我的代码* /

body{
    background-color: #fafafa;
    font-family: 'Open Sans', sans-serif;
}



#container{
    margin: 0 auto;
    width: 1000px;
    max-width: 90%;
    background-color: #ffffff;
    overflow:auto;
    height:auto;
}

.blogPost{
    float:left;
    background-color: #D9E8EC;
    display:inline-block;
    width: 300px;
}

这是我的索引页面，其中列有帖子。

<div class="blogPost">
<?php get_template_part( 'entry' ); ?>
<?php comments_template(); ?>
<?php endwhile; endif; ?>
<?php get_template_part( 'nav', 'below' ); ?>
</div>

Answer 1

我对此感到有点困惑，你是否只想做一个显示彼此相邻的帖子的循环？如果是这样，代码将是：

<?php
if( have_posts() ) :
    while( have_posts() ) : the_post();
        ?>
        <div class="blogPost">
            <?php
            get_template_part( 'entry' );
            comments_template();
            ?>
        </div>
        <?php
    endwhile;
endif;
?>

将wordpress帖子创建到网格中

1 个答案: