Question

我似乎无法找到分配到主页空白区域的css类或ID，在其他页面中我没有遇到此问题。

我尝试做的是在所有页面上添加填充顶部，这样我的固定标题就不会与页面容器重叠（主要内容）

媒体查询无效，甚至百分比也不会解决此问题

这里有一些截图：

header.site-header {
    position: fixed;
    z-index: 99999;
    background-color: #fff;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.36);
    -moz-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.36);
    box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.36);
}

主要内容：

#PageContainer {
    height: 100%;
    background: #b43434;
}

HTML

<div id="PageContainer">
  <header class="site-header">
  <div class="wrapper">
        {% include 'header' %}
        {% include 'menu' %}

      </div>
    </header> <!-- end header -->
    <div class="breadcrumb-wrapper">
        {% include 'breadcrumb' %}
    </div>
    <main class="{% if template != 'index' %}wrapper {% endif %}main-content" >
      {% if template != 'index' %}

      {% endif %}
      {{ content_for_layout }}

    </main>

    <!-- begin site-footer -->
    <footer class="site-footer" >
      <div class="wrapper">
        {% include 'footer' %}
      </div>
    </footer>
    <footer class="site-footer2" >
      <div class="wrapper">
        {% include 'footer2' %}
      </div>
    </footer>
    <!-- //site-footer -->

谢谢！

如何使用inspect元素

0 个答案: