定位Bootstrap模态与模态底部的关系

Question

我对CSS定位比较陌生，我无法解决这个问题：

我想从页面底部定位模态10vh的底部。换句话说，模态的底部应该是页面底部的10vh。我已尝试使用不同的“顶部”，“底部”等。值以及使用jQuery以编程方式执行它但我开始迷失并认识到可能有一种更简单的方法来使用CSS。这是我正在使用的[Bootstrap]模式的代码：

<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog"   aria-labelledby="mySmallModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
      Testing 1-2-3.
    </div>
  </div>
</div>

Answer 1

使用position: absolute和bottom: 10vh

.modal { 
    position: absolute;
    bottom: 10vh
}