Datepicker被页脚部分阻止

Question

我对这种事情并不十分精通，希望有人可以帮助我。我有这个特殊的问题，页脚阻止了图像中显示的日期选择器。我使用粘性页脚，这不是我想要的结果，因此我从未在footer中标记<div>类。

this

这是我目前的代码：

<div class =" navbar navbar-default navbar-fixed-bottom navbar-inverse" role="navigation">
<div class ="container">
    <font size="3" color="white"><p class="paddingAll">Copyright &#169 2015</p></font>

</div>

这是我的CSS：

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.footer {
 position: relative;
 bottom: 0;
 width: 100%;
 height: 55px;
}

我想要的是让页脚栏向下推并显示整个日期选择器，并在日期选择器被丢弃时关闭剩余的间隙。

Answer 1

添加padding-bottom代替margin-bottom CSS：

body {
      padding-bottom: 60px;
}

Answer 2

从底层类中移除相对位置cos没有z-index的任何相对位置比没有z-index的绝对更强大，所以你的.bottom就超过了你的日历。

Answer 3

将position:relative; z-index:1;添加到datepicker类。