0

私は水平同位体をやろうとしています.次のフィドルを見ると、問題を見ることができます:

要素が重なっています...

<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>

あなたが見てテストできる例

おもしろいのは、ウィンドウのサイズを変更すると、同位体が要素を正しくレンダリングすることです...

これはアイソトープのバグですか、それとも何か間違っていますか?

どんな助けでも素晴らしいでしょう...

ありがとうクリス

4

1 に答える 1

0

何が問題なのかはわかりませんが、ウィンドウのサイズが変更されると自動的に修正されることに気付いたので、これをコードに追加しました。

$(window).resize();

そして今、それは動作します。

于 2012-11-28T06:37:54.200 に答える