Wordpress 页脚偶尔和随机移动到页面右侧作为列

我只是想知道是否有人经历过这种情况，有时在查看我刚刚编辑的页面时，页脚（由多个堆叠的div组成）会变成列，并出现在我的屏幕右侧，挤压我的页面内容。有时，在输入错误代码（例如，用'>'而不是'

---

正如我上面提到的，这一切似乎都与

body {
   display: flex
}

---

一旦我摆脱了这个，页脚又回到了下面。我不得不使用一些变通方法来让我的侧边栏恰到好处，但现在似乎还可以。谢谢：）

可以分享代码吗？或者如果你可以创建一个小提琴？我用页脚代码编辑了我的原始帖子。如果不共享所有内容，我不知道还可以共享哪些代码。恐怕我不知道如何创建一个fiddle（当然不是一个显示此错误的fiddle）。footer中的所有div也都显示为列，彼此相邻，只是安装了插件简单作业板。在创建一个作业并查看它时，我的页面也做了同样的事情，请参见pic:（）。我的页脚应该如下所示：（）。我不知道为什么会发生这种情况……我注意到插件使用了自己的模板，我还没有接触过。我有另一个自制的模板，没有出现这个问题。有关single-jobpost.php和nieuws.php的代码，请参阅原始帖子，谢谢。

<?php
/**
 * The Template for displaying job details
 *
 * Override this template by copying it to yourtheme/simple_job_board/single-jobpost.php
 *
 * @author      PressTigers
 * @package     Simple_Job_Board
 * @subpackage  Simple_Job_Board/Templates
 * @version     1.1.0
 * @since       2.2.0
 * @since       2.2.3   Enqueued Front Styles & Revised the HTML structure.
 * @since       2.2.4   Enqueued Front end Scripts.
 * @since       2.3.0   Added "sjb_archive_template" filter.
 */
get_header();

ob_start();
global $post;

/**
 * Enqueue Frontend Scripts.
 * 
 * @since   2.2.4
 */
do_action('sjb_enqueue_scripts');

/**
 * Hook -> sjb_before_main_content
 * 
 * @hooked sjb_job_listing_wrapper_start - 10 
 * - Output Opening div of Main Container.
 * - Output Opening div of Content Area.
 * 
 * @since   2.2.0
 * @since   2.2.3   Removed the content wrapper opening div.
 */
do_action('sjb_before_main_content');
?>

<!-- Start Content Wrapper
================================================== -->
<div class="sjb-page">
    <div class="sjb-detail">
        <div class="list-data">
            <?php
            while ( have_posts() ) : the_post();
                /**
                 * Template -> Content Single Job Listing:
                 * 
                 * - Company Meta
                 * - Job Description 
                 * - Job Features
                 * - Job Application Form
                 */
                get_simple_job_board_template('content-single-job-listing.php');
            endwhile;
            ?>
        </div>
        <div class="clearfix"></div>
    </div>
</div>
<!-- ==================================================
End Content Wrapper -->

<?php
/**
 * Hook -> sjb_after_main_content
 *  
 * @hokoed sjb_job_listing_wrapper_end - 10
 * 
 * - Output Closing div of Main Container.
 * - Output Closing div of Content Area.
 * 
 * @since   2.2.0
 * @since   2.2.3   Removed the content wrapper closing div
 */
do_action('sjb_after_main_content');

$html_archive = ob_get_clean();

/**
 * Modify the Jobs Archive Page Template. 
 *                                       
 * @since   2.3.0
 * 
 * @param   html    $html_archive   Jobs Archive Page HTML.                   
 */
echo apply_filters('sjb_single_template', $html_archive);

get_footer();

<?php
    /*
     Template Name: Nieuws-template
    */
?>
<?php get_header(); ?>
<div id="not-front-page" class="content">
    <img src = '<?php bloginfo('template_directory'); ?>/images/nieuwspagina-header.png' class="not-front-page-header" />
    <div class="container">
    <?php if ( have_posts() ) : ?>
        <?php while ( have_posts() ) : the_post(); ?>
            <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
                <div class="post-header">
                    <h2><a href="<?php the_permalink(); ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
                </div><!--.post-header-->
                <div class="entry clear">
                    <?php if ( function_exists( 'add_theme_support' ) ) the_post_thumbnail(); ?>
                    <?php the_content(); ?>
                    <?php edit_post_link(); ?>
                    <?php wp_link_pages(); ?>
                </div><!--. entry-->
            </div><!-- .post-->
        <?php endwhile; /* rewind or continue if all posts have been fetched */ ?>
        <?php else : ?>
    <?php endif; ?>
    </div>
    <?php wp_footer(); // Crucial footer hook! ?>
<?php get_footer('front-page'); ?>

body {
   display: flex
}