Html 在不同页面上定位问题

基本上我有一个网页，其中包含一个滑块，一个横幅，一个菜单和内容

我的HTML代码如下所示：

<div class="slideshow">
    ...
</div>
<div class="banner">
    ...
</div>
<div class="navigation">
    ...
</div>
<div class="content">
    ...
</div>

滑块仅显示在主页上，一切正常。但是，如果我打开一个内容页，div.slider将不显示，我希望显示它，div.navigation将上升到页面顶部，并在div.banner下查看，因为div.banner具有z索引和位置：绝对，请参见实际视图1

我曾尝试将边距底部：140px添加到div.banner，但没有成功。然后我尝试将边距顶部：140px设置为div.navigation，但在主页中的div.slider和div.navigation之间有一个间隙，请参见实际视图2

我希望div.slider和div.banner一起粘贴到页面顶部，但div.slider将位于div.banner下。另外，当未显示div.slider时，我希望div.navigation显示在div.banner的后面，以查看所需视图

您可能还需要检查

---

您的方法不正确：

希望在其他页面上重复的内容，保持相对性…DOM只在1个页面上可见，保持绝对性，这样您将避免任何麻烦，因为相对性是一种默认位置

<div class="slideshow">
    <!--
    keep it :
      position:absolute;
      top : 0;
      left : 0;
      right : 0;
    -->
</div>
<div class="banner">
    <!--
     position : relative
     place top left right according to your DOM layout
    -->
</div>

---

如果我打开另一个页面，你的意思是什么？@Cléement让同一个网站上有另一个内容页面，而周围没有其他PHP或JS代码？到CSS的相对路径是否仍然相同？如果HTML的结构保持不变，幻灯片放映就没有理由从一个页面消失到另一个页面。为什么您首先使用position:absolute？？？@NoobEditor我使用position:absolute来显示页面下方的滑块banner@zkanoca：某物？？菜单和内容放在滑块下面。@zkanoca:抱歉迟到了回复…我在办公时间很活跃！！：您的DOM布局有问题，横幅应该在幻灯片放映之前出现，如果幻灯片放映的高度是固定的，那么简单的布局是this=>请记住解决方案没有响应

<div class="slideshow">
    <!--
    keep it :
      position:absolute;
      top : 0;
      left : 0;
      right : 0;
    -->
</div>
<div class="banner">
    <!--
     position : relative
     place top left right according to your DOM layout
    -->
</div>