html - 当我在移动设备中打开菜单时，元素页脚不使用 Bootstrap 类向下

Question

在移动模式下，当我打开菜单时出现问题，因为这与移动轮播图像的按钮以及页脚发生冲突

CSS

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: auto;
  background-color: #0275d8;
}

já tentei usar z-index: -1;

<div class="footer">
      <div class="container">
      <hr>
          <div id="aviso">  
            <div id= "posicaoaviso">
                <span id="fecharaviso" >&times;</span>
                <center><p><strong>Uso de cookies:</strong> Este site utiliza cookies para ajudar a disponibilizar os respetivos serviços e analisar o tráfego.<br>As informações sobre a sua utilização deste site são partilhadas com terceiros.<br>Ao utilizar este site, concorda que o mesmo utilize cookies.</p></center>
            </div>
        </div>
     </div>

点击here查看网站。

或者问题出在foot or menu or carosel

Answer 1

应用此 CSS:

html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}

来源:Bootstrap example .

附言:葡萄牙之声 :)