jquery - 如何将 div 高度扩展到 rails 中的 ruby​​ each-loop？

Question

我无法扩展此 div 的高度。当我缩小窗口高度或从移动设备查看同一页面时，一半的内容被截掉了。我试过 height: 100% 和 min-height: 100% 并使用了 vh 和 overflow: auto，没有任何效果。

<div class="col-md-9 c-center">
      <div id="grid-container-fullwidth" class="cbp cbp-caption-active cbp-ready processed cbp-caption-zoom cbp-cols-3 c-left" style="height:1270px">
        <div class="cbp-wrapper-outer"><div class="cbp-wrapper">
          <div style="height: 100%">

            <% @companies.each do |company| %>

                <div class="cbp-item identity web-design" style="padding: 10px; width: 207px; position: relative;"><div class="cbp-item-wrapper">
                  <div class="cbp-caption">
                    <div class="cbp-caption-defaultWrap">
                      <img src="<%= company.get_logo(:thumb) %>" alt=""></div>
                    <div class="cbp-caption-activeWrap">
                      <div class="c-masonry-border"></div>
                      <div class="cbp-l-caption-alignCenter">
                        <div class="cbp-l-caption-body">
                          <%= link_to company, :method=>:get do %>
                              <p class="cbp-singlePage cbp-l-caption-buttonLeft btn c-btn-square c-btn-border-1x c-btn-white c-btn-bold c-btn-uppercase c-btn-block">Les mer</p>
                          <% end %>
                        </div>
                      </div>
                    </div>
                  </div>
                  <p class="cbp-singlePage cbp-l-grid-masonry-projects-title"><%=link_to company.name, company%></p>
                </div></div>

            <% end %>

          </div>
        </div>
        </div>
      </div>
      <div class="c-center">
        <%= will_paginate @companies, page_links: false, renderer: BootstrapPagination::Rails %>
      </div>
    </div>

Answer 1

从 #grid-container-fullwidth 中删除:style="height:1270px"