將屬性數據清除添加到ul元素zurb-foundation框架時破壞了佈局

Question

向列表元素添加數據清除屬性時，佈局會剎車。

這是代碼：

<ul class="small-block-grid-3 clearing-thumbs" data-clearing> 
      <li> 
     <a href="http://zemunskioglasi.sajt/uploads/images/f5f8ad26819a471318d24631fa5055036712a87e20131118152348/f5f8ad26819a471318d24631fa5055036712a87e20131118152348.png" class="th"> 
      <img id="3" src="http://zemunskioglasi.sajt/uploads/images/f5f8ad26819a471318d24631fa5055036712a87e20131118152348/thumbnails/96x96/f5f8ad26819a471318d24631fa5055036712a87e20131118152348.png" alt=" sad ssadsad sad sad "> 
     </a> 
    </li> 
      <li> 
     <a href="http://zemunskioglasi.sajt/uploads/images/30420d1a9afb2bcb60335812569af4435a59ce1720131118152350/30420d1a9afb2bcb60335812569af4435a59ce1720131118152350.png" class="th"> 
      <img id="4" src="http://zemunskioglasi.sajt/uploads/images/30420d1a9afb2bcb60335812569af4435a59ce1720131118152350/thumbnails/96x96/30420d1a9afb2bcb60335812569af4435a59ce1720131118152350.png" alt=" sad ssadsad sad sad "> 
     </a> 
    </li> 
      <li> 
     <a href="http://zemunskioglasi.sajt/uploads/images/d997e1c37edc05ad87d03603e32ad495ee2cfce120131118152352/d997e1c37edc05ad87d03603e32ad495ee2cfce120131118152352.png" class="th"> 
      <img id="5" src="http://zemunskioglasi.sajt/uploads/images/d997e1c37edc05ad87d03603e32ad495ee2cfce120131118152352/thumbnails/96x96/d997e1c37edc05ad87d03603e32ad495ee2cfce120131118152352.png" alt=" sad ssadsad sad sad "> 
     </a> 
    </li> 
      <li> 
     <a href="http://zemunskioglasi.sajt/uploads/images/3b15be84aff20b322a93c0b9aaa62e25ad33b4b420131118152354/3b15be84aff20b322a93c0b9aaa62e25ad33b4b420131118152354.png" class="th"> 
      <img id="6" src="http://zemunskioglasi.sajt/uploads/images/3b15be84aff20b322a93c0b9aaa62e25ad33b4b420131118152354/thumbnails/96x96/3b15be84aff20b322a93c0b9aaa62e25ad33b4b420131118152354.png" alt=" sad ssadsad sad sad "> 
     </a> 
    </li> 
      <li> 
     <a href="http://zemunskioglasi.sajt/uploads/images/9c3dcb1f9185a314ea25d51aed3b5881b32f420c20131118152357/9c3dcb1f9185a314ea25d51aed3b5881b32f420c20131118152357.png" class="th"> 
      <img id="7" src="http://zemunskioglasi.sajt/uploads/images/9c3dcb1f9185a314ea25d51aed3b5881b32f420c20131118152357/thumbnails/96x96/9c3dcb1f9185a314ea25d51aed3b5881b32f420c20131118152357.png" alt=" sad ssadsad sad sad "> 
     </a> 
    </li> 
     </ul> 

它看起來是這樣的：

如果我刪除數據清除屬性佈局是正確顯示：

<ul class="small-block-grid-3 clearing-thumbs"> 
      <li> 
     <a href="http://zemunskioglasi.sajt/uploads/images/f5f8ad26819a471318d24631fa5055036712a87e20131118152348/f5f8ad26819a471318d24631fa5055036712a87e20131118152348.png" class="th"> 
      <img id="3" src="http://zemunskioglasi.sajt/uploads/images/f5f8ad26819a471318d24631fa5055036712a87e20131118152348/thumbnails/96x96/f5f8ad26819a471318d24631fa5055036712a87e20131118152348.png" alt=" sad ssadsad sad sad "> 
     </a> 
    </li> 
      <li> 
     <a href="http://zemunskioglasi.sajt/uploads/images/30420d1a9afb2bcb60335812569af4435a59ce1720131118152350/30420d1a9afb2bcb60335812569af4435a59ce1720131118152350.png" class="th"> 
      <img id="4" src="http://zemunskioglasi.sajt/uploads/images/30420d1a9afb2bcb60335812569af4435a59ce1720131118152350/thumbnails/96x96/30420d1a9afb2bcb60335812569af4435a59ce1720131118152350.png" alt=" sad ssadsad sad sad "> 
     </a> 
    </li> 
      <li> 
     <a href="http://zemunskioglasi.sajt/uploads/images/d997e1c37edc05ad87d03603e32ad495ee2cfce120131118152352/d997e1c37edc05ad87d03603e32ad495ee2cfce120131118152352.png" class="th"> 
      <img id="5" src="http://zemunskioglasi.sajt/uploads/images/d997e1c37edc05ad87d03603e32ad495ee2cfce120131118152352/thumbnails/96x96/d997e1c37edc05ad87d03603e32ad495ee2cfce120131118152352.png" alt=" sad ssadsad sad sad "> 
     </a> 
    </li> 
      <li> 
     <a href="http://zemunskioglasi.sajt/uploads/images/3b15be84aff20b322a93c0b9aaa62e25ad33b4b420131118152354/3b15be84aff20b322a93c0b9aaa62e25ad33b4b420131118152354.png" class="th"> 
      <img id="6" src="http://zemunskioglasi.sajt/uploads/images/3b15be84aff20b322a93c0b9aaa62e25ad33b4b420131118152354/thumbnails/96x96/3b15be84aff20b322a93c0b9aaa62e25ad33b4b420131118152354.png" alt=" sad ssadsad sad sad "> 
     </a> 
    </li> 
      <li> 
     <a href="http://zemunskioglasi.sajt/uploads/images/9c3dcb1f9185a314ea25d51aed3b5881b32f420c20131118152357/9c3dcb1f9185a314ea25d51aed3b5881b32f420c20131118152357.png" class="th"> 
      <img id="7" src="http://zemunskioglasi.sajt/uploads/images/9c3dcb1f9185a314ea25d51aed3b5881b32f420c20131118152357/thumbnails/96x96/9c3dcb1f9185a314ea25d51aed3b5881b32f420c20131118152357.png" alt=" sad ssadsad sad sad "> 
     </a> 
    </li> 
     </ul> 

和圖片：

除了基礎架構的其他腳本，我已經包含有jQuery和Modernizr的，試圖消除Modernizr的，看它是否會導致一個問題，但結果是一樣的。

Answer 1

接縫他們沒有準備與小網格塊工作的清除。

如果添加以下CSS就可以解決問題：

.small-block-grid-3[data-clearing] li { margin-right: 0; }