3

我正在尝试创建一个“块”的“网格”，将鼠标悬停在其下方的 div 中会显示一些文本。在这个例子中，我已经得到了我想要的一切，但是 - 有没有办法让它在我拥有的安排中工作？

我想要的是只有底部 div 向下推（如示例中的左下角），当它上面的一个“扩展”时。但显然我没有做对，因为它造成了巨大的差距并且它也没有显示动画。

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

有任何想法吗？

谢谢，不胜感激！

http://jsfiddle.net/nbFkZ/

4

1 回答 1

2

通过您的评论，我想我终于理解了您的问题：

我做了什么：

  1. 我已将第二个和第三个 li 移动到一个新的 UL 元素中。
  2. 让两个 UL 元素都向左浮动。

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

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

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

HTML、CSS 和现场演示：http: //jsfiddle.net/nbFkZ/4/

希望能帮助到你 ：）

于 2012-06-09T13:37:53.593 回答