我无法扩展此 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>
最佳答案
从 #grid-container-fullwidth
中删除:style="height:1270px"
关于jquery - 如何将 div 高度扩展到 rails 中的 ruby each-loop?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42822548/