在悬停时,将div的高度扩展到所有其他div之上

时间:2019-09-17 22:20:41

标签: jquery css twitter-bootstrap

http://mw.ecologik.net/projects/

在此处测试项目。我正在尝试使div悬停以使用新内容进行扩展。我可以使用简单的jQuery完成此操作,但也可以使用CSS。
我遇到的问题是我要求引导程序违反其规则。我希望悬停的那个div超过下面的div,所以我没有空白。我已经在其他站点上看到了这一点,但是他们没有使用BS模型。有什么想法吗?我的代码连续重复col-sm-4

1 个答案:

答案 0 :(得分:1)

您可以更改为

<div class="col-sm-4 each-proj pl-0 pr-0" style="height: 250px; border: 10px solid white; z-index: 100; overflow: unset;">

不要更改height: auto只是将其保留在250px;上,而是给它overflow: unset; 对于具有内容的div,请添加background: #fff;

enter image description here