css - Foundation 6 数据均衡器

Question

我正在使用 Foundation 6 插件数据均衡器使两列的高度相同，虽然我已经成功了，但我在网页上的不同部分之间包含了一个图像作为分隔符。随着网页变小，两列的大小增加并与分隔符图像重叠，无论如何都要防止这种情况发生。

 <section class="about-us-gallery" data-equalizer="about">
  <div class="medium-6 columns empty bluebg" data-equalizer-watch="about" ></div>
  <div class="medium-6 columns empty"data-equalizer-watch="about" ></div>


  <div class="content-about-us" >
    <div class="row">
        <div class="medium-6 columns "data-equalizer-watch="about">
          <h2 class="white">heading</h2>
<p class="white">dkdkdkdkdkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk</p>
        </div>

        <div class="medium-6 columns"data-equalizer-watch="about">
          <h2>heading</h2>
<p>talkdjf;alkdjf;alkdj;alkdjflasdjf;asdkfja;sldkjf;alsdkfj;asldkfjlasdjf </p>
        </div>


     </div>
   </div>
</section>

<!-- Seperater image -->
<div class="separator-image bar-image"></div>

Answer 1

可能需要查看示例才能为您提供更多帮助。我设置了一个演示，您可以在此处形成并链接回来:http://codepen.io/rafibomb/pen/ENbKxd

另外看起来您有 2 列不在一行中，这可能会导致问题

<div class="medium-6 columns empty bluebg" data-equalizer-watch="about" ></div>