我有一个固定的侧边栏：
#sidebar {
background-color: #eaeaea;
width: 18.5vw;
height: 100vh;
position: fixed;
align-items: stretch;
}
因为它的位置：固定;它不是在自然流中，这意味着如果我不给主要内容相对于侧边栏的宽度并且向右浮动/定位，那么主内容将出现在它的前面/后面，如下所示：（{ {3}}）。
这很难用这个内容，因为它是一个Wordpress插件模板，包含更多模板，包含更多模板，没有实际内容，我试图添加到主模板的任何容器都没有显示（在这种情况下）这个特定的页面，至少）。它确实适用于不同的页面和模板：（http://picpaste.com/pics/screenshot-PiBDmenN.1490873729.png）。
我的问题是，如果可以将侧边栏固定在适当位置而不留下自然流量，那么我不必为所有主要内容提供相对宽度 - 主要内容并不总是组合在一起而且我最终必须针对许多单个元素来执行此操作，如果引入新元素，将来可能会出现问题。
这是模板代码的开头，看不到容器（称为.match-wrapper）：
<?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(); ?>
<img src = '<?php bloginfo('template_directory'); ?>/images/nieuwspagina-header.png' class="not-front-page-header" />
<div class="match-wrapper">
<?php
ob_start();
global $post;
/**
* Enqueue Frontend Scripts.
*
* @since 2.2.4
*/
do_action('sjb_enqueue_scripts');
/*code continues....
非常感谢。