Question

我正在尝试创建一个“块”的“网格”，当它盘旋时会在它下方的div中显示一些文本。在这个例子中，我得到了我喜欢的一切，但有没有办法让它在我所拥有的安排中工作？

我想要的只是底部div按下（如示例中的左下角）当它上面的那个被“展开”时。但显然我没有得到正确的东西，因为它创造了一个巨大的差距，它也没有显示动画。

底部div在第二列中的反应方式不是我想要的。

有什么想法吗？

谢谢，谢谢！

http://jsfiddle.net/nbFkZ/

Answer 1

通过你的评论，我想我最终理解了你的问题：

我做了什么：

我已将第二和第三个li移动到新的UL元素中。
让两个UL元素浮动到左边。

HTML在这里发布有点多，所以我只发布CSS：

ul.things {
    list-style: none;
    float: left;
    width: 240px;
}

ul.things li {
    display: inline-block;
    /*float:left;*/
    margin:15px;
}

HTML，CSS＆amp;现场演示：http://jsfiddle.net/nbFkZ/4/

希望有所帮助：）

网格排列中的css滑出div

1 个答案: