将属性数据清除添加到ul元素zurb-foundation框架时破坏了布局

向列表元素添加数据清除属性时，布局会刹车。将属性数据清除添加到ul元素zurb-foundation框架时破坏了布局

这是代码：

<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的，看它是否会导致一个问题，但结果是一样的。

来源

2013-11-25 Vladimir Jelovac

是否使用基金会5？ – Filipiz

是最新的基础。今天下载。 –

移动到twitter引导，但希望这个固定将来使用。 –

接缝他们没有准备与小网格块工作的清除。

如果添加以下CSS就可以解决问题：

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

来源

2013-11-25 22:14:10 Filipiz

将属性数据清除添加到ul元素zurb-foundation框架时破坏了布局

回答

相关问题