列表筛选，错位修复

 {{#if showFilters}}
 <div class="filter-area">
-    <label>已选条件：</label>
-
-    {{#each filters}}
-    <div class="filter-item" data-key="{{key}}">
-        {{#color}}
-            {{> round-color}}
-        {{/color}}
-        <span class="label">{{name}}</span>
-        <span class="iconfont cancel">&#xe61d;</span>
+    <div class="left">
+        <label>已选条件:</label>
+    </div>
+    <div class="middle">
+        {{#each filters}}
+        <div class="filter-item" data-key="{{key}}">
+            {{#color}}
+                {{> round-color}}
+            {{/color}}
+            <span class="label">{{name}}</span>
+            <span class="iconfont cancel">&#xe61d;</span>
+        </div>
+        {{/each}}
+    </div>
+    <div class="right">
+        <label class="cancel">清空筛选条件</label>
     </div>
-    {{/each}}
-    
-    <label class="cancel">清空筛选条件</label>
 </div>
 {{/if}}
\ No newline at end of file

@@ -258,17 +258,31 @@
     .filter-area {
         background-color: #eae9e9;
         margin-bottom: 30px;
+        overflow: hidden;
+
+        .left,
+        .right {
+            width: auto;
+            margin: 27px 10px 0 20px;
+        }
+
+        .right {
+            margin: 27px 20px 0 0;
+        }
+
+        .middle {
+            float: left;
+            width: 630px;
+        }
 
         label {
             font-size: 14px;
             font-weight: 700;
-            margin-left: 20px;
         }
 
         label.cancel {
             float: right;
             color: #878787;
-            margin: 27px 20px 0 0;
             cursor: pointer;
         }