响应式前端界面图片大小不一导致的页面错位的解决方法

网站在制作CSS3响应式设计，图片列表不固定高度，列式布局的时候，可能会出现上一个高度过高，图片大小不一导致的页面错位的解决方法。

如下图的样式：

样式分析与解决方法：

由于是响应式布局，不能用css固定图片的宽高，从代码上看，这里每个图文用的是li，而且每4个li是一排，我们只需要对第1个li 第5个li 第9个li 。。。就是每排的第1个li加入css代码clear:left;即可

例如上面列子的

1. .portfolio-list li:nth-child(4n+5) {
   
2. 
   
3.     clear:left;
   
4. 
   
5. }

复制代码