Question

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

以下是page.php代码。我很高兴PasteBin可能需要的任何其他代码。

非常感谢，

亚历

<?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（带有类“条目”）将显示为块级元素（因为你没有另外指定），它的兄弟将在下面呈现，因此为什么你的h2元素不在你期望的地方。

h2标题显示在页面内容下方

2 个答案: