我一直在努力改变投资组合的外观，并且一直在努力使自己的扩展器向下推元素（就像Google图片一样）。
我的测试在这里：http://chris-carpenter.co.uk/new/
我以此为起点为我的工作添加了一个可过滤的选项：
queness.com/post/14577/创建具有过滤和悬停效果的简单响应投资组合页面
这就是导致问题的原因。我已经找到了创建可过滤投资组合的方法，以及创建具有扩展内容部分的静态投资组合的方法，但是将它们结合起来真是令人震惊。我似乎无法弄清楚。
此刻打开并向下推元素，但是宽度受父div限制，因此＆右边的任何东西似乎都没有移动。
<div class="portfolio--expand is-expanded">
<a href="#close-jump-1" class="expand__close"></a>
</div>我现在正在单击的行末插入一个内容div。很像这样。
http://jsfiddle.net/JfcAu/450/
我对JS的经验不足，无法理解正在发生的事情并将其应用于我所拥有的东西。谁能帮我实现一个具有点击展开选项的可过滤网格？
我不希望保留任何当前的样式，因为我还没有从原始来源进行任何更改，我只希望函数正常工作。
多年来，这一直困扰着我的大脑。
我看过的有用的东西：
isotope.metafizzy.co/filtering.html
oriongunning.com/blog/thumbnail-grid-expanding-preview/
最佳答案
您可能需要进行一些宽度调整，但这是：
#portfoliolist .portfolio {
box-sizing: border-box;
width: 23%;
margin: 1%;
display: none;
float: left; /* <-- this is taking it out of the DOM */
}
具有float：left-将其从DOM中删除-您必须删除float：left-然后将宽度调整为22％左右，以使扩展内容将所有内容排除在外。
关于javascript - 投资组合扩展器宽度-jQuery CSS，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28906627/