Question

我在这个页面上工作： http://broadcasted.tv/fallshow.php

基本上，我希望这些图像在被过滤时向左浮动，但它们不会。大约15分钟前他们做了，我做了一些改变，现在不再了。我不确定我做了什么或为什么它不再漂浮。他们都有适当的CSS。

有谁能告诉我我做错了什么？

任何帮助表示赞赏。谢谢！

JS

<script src="livefilter.js"></script>
<script>
$(function() {

    $('#search_input').fastLiveFilter('.two');
});
</script>

和HTML

<div class="row main-wrapper watchlist-left">
 <div class="two columns float-left"></div>
 <div class="two columns float-left"></div>
 <div class="two columns float-left"></div>
 <div class="two columns float-left"></div>
 <div class="two columns float-left"></div>
 <div class="two columns float-left"></div>
 <div class="two columns float-left"></div>
 <div class="two columns float-left"></div>
 </div>

Answer 1

当你过滤你的物品时，你只是让不受欢迎的物品变小，你实际上并没有隐藏它们。它们实际上仍然向左浮动，但您在1px by {width}处拥有所有不需要的列表项。

您需要从min-height: 1px

取走.column, .columns

在jQuery中过滤项目时无法向左浮动

1 个答案: