Question

我正在尝试使用水平同位素，如果你看下面的小提琴你可以看到问题：

元素重叠......

<div class="cal">
<div class="col">
    <div class="head">
        1                
    </div>
    <div class="clear"></div>
    <div class="container">
         <div class="shape">
             <div class="inner-wrapper">
                 <div class="event">
                     <div class="main-avatar">
                         <a href="#">
                             img <p style="display: inline; margin-left: 3px;">name</p>
                         </a>
                     </div>
                     <h5><a href="#">something</a></h5>
                 </div>
                 <p style="padding-bottom: 0px">home</p>
                 <p style="padding-bottom: 0px">9:00 AM-9:00 AM</p>
             </div>
             <div class="">
                 <a href="#">More...</a>
             </div>
        </div>
        <div class="shape">
             <div class="inner-wrapper">
                 <div class="event">
                     <div class="main-avatar">
                         <a href="#">
                             img <p style="display: inline; margin-left: 3px;">name</p>
                         </a>
                     </div>
                     <h5><a href="#">something</a></h5>
                 </div>
                 <p style="padding-bottom: 0px">home</p>
                 <p style="padding-bottom: 0px">9:00 AM-9:00 AM</p>
             </div>
             <div class="">
                 <a href="#">More...</a>
             </div>
        </div>
        <div class="shape">
             <div class="inner-wrapper">
                 <div class="event">
                     <div class="main-avatar">
                         <a href="#">
                             img <p style="display: inline; margin-left: 3px;">name</p>
                         </a>
                     </div>
                     <h5><a href="#">something</a></h5>
                 </div>
                 <p style="padding-bottom: 0px">home</p>
                 <p style="padding-bottom: 0px">9:00 AM-9:00 AM</p>
             </div>
             <div class="">
                 <a href="#">More...</a>
             </div>
        </div>
    </div>                
</div>

an example you can see and test

有趣的是，如果你调整窗口大小，同位素会使元素正确...

这是同位素的错误还是我做错了什么？

任何帮助都会很棒......

感谢克里斯

Answer 1

我不能告诉你问题是什么，但我注意到它在窗口调整大小时自行修复，所以我将其添加到你的代码中：

$(window).resize();

And now it works

jquery同位素水平元素重叠

1 个答案: