Wordpress帖子坐在div上，而不是里面

Question

我不确定为什么会这样，但我的wordpress帖子实际上并没有嵌套在PHP代码嵌套的div中。

以下是html端的代码：

<!-- BLOG -->
<div class="blog" id="blog">
    <div class="wrap">
        <div class="col-sm-12">
            <?php 
            $args = array( 'numberposts' => 1, 'post_status'=>"publish",'post_type'=>"post",'orderby'=>"post_date");
            $postslist = get_posts( $args );
            echo '<section id="latest_posts">';
            foreach ($postslist as $post) :  setup_postdata($post); ?> 
            <h2><?php the_date(); ?></h2>
            <h2><a href="<?php the_permalink(); ?>" title="<?php the_title();?>"> <?php the_title(); ?></a></h1>
            <?php endforeach; ?>
            <p><?php the_content();?></p>
            </section>
        </div>
    </div>
</div>

这是影响此代码的唯一CSS：

/* BLOG */
.blog {
    background-image: url("../images/pat_1_bg.png");
    padding-top: 60px;
    padding-bottom: 60px;
    height: 100%;
}

知道为什么这会坐在div之外？它几乎就像它有一个正z-index，它没有。我可以改变博客＆＃39;的高度。尽可能多，它确实会影响div的高度，但帖子内容不受影响。