Question

我正在使用基础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>

基础6数据均衡器

1 个答案: