页脚偶尔随机移动到页面右侧作为列答案

【问题标题】：Footer occasionally and randomly moving to right side of page as column页脚偶尔随机移动到页面右侧作为列
【发布时间】：2017-08-21 17:40:18
【问题描述】：

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

我已尝试清除缓存。这个错误是一致的，并且每次我运行某些代码时都会出现，只是非常随机的是哪种代码会产生错误。

有其他人经历过吗？

编辑：这是我的 footer.php 代码，直到今天它已经完美运行了数周，但不知道还有哪些其他代码是相关的：

    <div class="personeel group">
        <div class="container group">
            <?php echo do_shortcode("[insert page='accountmanagers']"); ?>   
        </div>
    </div>
    <div class="nieuws group">
        <div class="container">
            <?php echo do_shortcode("[insert page='nieuws-front-page']"); ?> 
        </div>
    </div>
    <footer class="group">
        <div class="container">
            <div class="row">
                <section class="col-lg-4 col-md-4 col-sm-12"> 
                    <div class="sectie first">
                        <h3>Over ons</h3>
                        <div class="row">
                            <section class="col-xs-12 col-sm-6"> 
                                <div class="kolom">
                                    <ul>
                                        <li>Over Match</li>
                                        <li>Accountmanagers</li>
                                        <li>Vormen van bemiddeling</li>
                                        <li>Kwaliteit</li>
                                    </ul>
                                </div>
                            </section>
                            <section class="col-xs-12 col-sm-6">
                                <div class="kolom">
                                    <ul>
                                        <li>Branches</li>
                                        <li>Certicering</li>
                                        <li>Match holding</li>
                                        <li>Contact</li>
                                    </ul>
                                </div>
                            </section>
                        </div>
                    </div>
                </section>
                <section class="col-lg-4 col-md-4 col-sm-12"> 
                    <div class="sectie second">
                        <h3>Bedrijven</h3>
                        <ul>
                            <li>Arbeidskrachten</li>
                            <li>Vacature plaatsen</li>
                            <li>Vormen van bemiddeling</li>
                        </ul>
                    </div>
                </section>
                <section class="col-lg-4 col-md-4 col-sm-12"> 
                    <div class="sectie third">
                        <h3>Baan zoeken</h3>
                        <div class="row">
                            <section class="col-xs-12 col-sm-6"> 
                                <div class="kolom">
                                    <ul>
                                        <li>Vacatures</li>
                                        <li>Inschrijven</li>
                                        <li>Werken bij Match</li>
                                        <li>Snel aan de slag</li>
                                    </ul>
                                </div>
                            </section>
                            <section class="col-xs-12 col-sm-6"> 
                                <div class="kolom">
                                    <ul>
                                        <li>Vormen van bemiddeling</li>
                                        <li>CV uploaden</li>
                                    </ul>
                                </div>
                            </section>
                        </div>
                    </div>
                </section>
            </div>
        </div>            
    </footer>
    <div class="copyright">
        <p>Copyright 2017 - Match | Sitemap | Webdesign One Squad</p>
    </div>
</div>

<?php wp_footer(); ?>

single-jobpost.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();

nieuws.php（我自己的模板，不会出现错误）：

<?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'); ?>

【问题讨论】：

可以分享代码吗？或者如果你可以创建一个小提琴？
我用页脚代码编辑了我的原始帖子。如果不共享所有内容，我不知道要共享哪些其他代码。恐怕我不知道如何创建一个小提琴（当然不是发出这个错误的小提琴）。
页脚中的所有 div 也显示为列，彼此相邻，
刚刚安装的插件简单的工作板。在创建工作并查看它时，我的页面做了同样的事情，请参见图片：(picpaste.com/pics/screenshot-rjJOGBRk.1490862802.png)。我的页脚应该是这样的：(picpaste.com/pics/screenshot1-LpWHOczI.1490863088.png)。我不知道为什么会这样......
我注意到插件使用了自己的模板，我还没有接触过。我有另一个没有出现这个问题的自制模板。有关 single-jobpost.php 和 nieuws.php 的代码，请参阅原始帖子，谢谢。

标签： wordpress footer

【解决方案1】：

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

有关

body {
   display: flex
}

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

【讨论】：