h2标题显示页面内容下方

Question

我一直在修改 WordPress 主题，当我刚刚开始在页面中添加内容时，我注意到 h2 标题显示在内容下方（请参见此处：http://mefo1.ecin1prod1lnx1.com/about/history/）。我似乎找不到解释。

下面是 page.php 代码。我很乐意粘贴可能需要的任何其他代码。

非常感谢你，

亚历克斯

<?php get_header(); ?>
<script>

jQuery(document).ready(function(){
    jQuery(".share").click(function(){
      jQuery(this).next("div").slideToggle("slow");
        jQuery(this).toggleClass("active"); return false;
    });

});

</script>


        <div class="posts-column">

        <?php if(have_posts()) : while(have_posts()) : the_post(); ?>
        <?php include(TEMPLATEPATH . '/includes/share.php'); ?>



                            <div class="entry">
                            <?php the_content(); ?>
                            </div>
                            <div class="clear"></div>
                        <?php endwhile ?>   

                             <div class="clear"></div>
                            <h2 class="page"><?php the_title(); ?></h2>

                        <?php else : ?>

                            <h2 class="center">Not Found</h2>
                            <p class="center">Sorry, but you are looking for something that isn't here.</p>
                            <?php include (TEMPLATEPATH . '/searchform.php'); ?>    

                        <?php endif; ?>                 


        </div><!--end posts-column-->

<?php get_sidebar(); ?>

<?php get_footer(); ?>

Answer 1

移至 div 类条目上方

Answer 2

阅读@Shaun 所说的。请记住，div 默认情况下是块元素，这意味着它们会增长以占据所需的空间。这会强制所有同级块从下面开始，除非通过 css 另有指定。将 h2 移至文档顶部。正常的文档流是从左到右，从上到下，因此您的第一个 div （带有“entry”类）将显示为块级元素（因为您没有另外指定），并且它的同级元素将在下面呈现，因此为什么您的 h2元素不在您期望的位置。