html - CSS/Bootstrap/HTML - 无论缩放如何，如何使 div 成为父容器的 100% 高度？

Question

无论缩放如何，我都想让一个内部 div 成为呈现的父 div 的 100% 高度。

我的jsfiddle在放大时显示阴影div不是父div的全高。如何完全覆盖父div？

HTML

<div class="container account-settings-confirm-container ng-scope">
<div class="spotlight"></div>
  <div class="account-settings-confirm">
        <div class="row account-settings-confirm-banner extend-full">
          <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-xs-4 text-left banner-user">

      <div class="account-settings-confirm-header row">

      <div class="account-settings-confirm-body">
        <div class="table-responsive">
          <table class="table account-settings-confirm-table-products">
            <thead>
              <tr>
                <th>h1</th>
                <th>h1</th>
                <th>h1</th>
                <th>h1</th>
                <th>h1</th>
                <th>h1</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                  <td colspan="6">
                    <div class="account-settings-confirm-table-container text-center">
                        button theader <br>
                        <button id="SetUpStore" class="btn-regular-wide">Button</button>
                    </div>
                  </td>
              </tr>
            </tbody>
          </table>
        </div>
</div>
</div></div>

jsfiddle https://jsfiddle.net/10nmL3vv/5/

全屏 https://jsfiddle.net/10nmL3vv/5/embedded/result

Answer 1

您可以为此目的使用 .height() jQuery。 有关更多相关方法，您可以阅读此内容。 http://www.w3schools.com/jquery/css_height.asp