jquery - html，jquery，css-具有类型滑动表的商品目录(修改)

需要帮忙：
示例：http://jsfiddle.net/JQaLs/1/
如何使商品没有下降？

使用时：

float:left;

它的感动

对不起，我的英语不好

新增1：
如果单击商品，则必须在下一行中显示表格，但该行中的其他商品必须在它们所在的位置。市场是橡胶制品，货物必须成行放置。

新增2：
“好”是“产品”

新增3：
我尝试进行实验，并且想要查看以下内容：http://jsfiddle.net/JQaLs/8/

display: inline-block;

完：
我决定了这个问题：
感谢prerit ahuja对于div-blocks的想法。我曾经

display: inline-block;

在div“ .models”中添加div到“ .types”中以供使用

display: inline-block;

太。

谢谢大家参见jsfiddle.net/JQaLs/9/中的示例（我无法使用第三个“链接”，因为信誉少于10）

最佳答案

您的布局因表结构而中断，最好在div中创建布局

例如

<div>
<div><img src="product image"/></div>
<div>Description</div>
</div>

并且在jquery中而不是使用$ .after使用$ .append它将仅在main div中附加详细信息。

嗨，我已更新您的结构，请使用http://jsfiddle.net/JQaLs/5/

<div class="models">
<a href="?10257" class="mod" id="10257">
<table >
<tr>
<td class="image"><img src="10257.jpg"></td></tr><tr><td class="desc"><b><span class="name">Товар 1</span></b><br><span class="years">2012.10 – Данный момент</span>
</td>
</tr>
</table>
</a>
</div>

并添加CSS

.models table
{
    width:100%;
}

关于jquery - html，jquery，css-具有类型滑动表的商品目录(修改)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17243019/