将属性数据清除添加到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; }