但有可能一种这样的情况出现的，你的图片如果超出容器的宽度，就会自动切换到下一行，这个时候要么你直接给装载所有图片的容器一个固定宽度，要么就通过js计算所有图片的总宽来决定包含图片的容器的总宽。
网站建设哪家好，找创新互联建站！专注于网页设计、网站建设、微信开发、小程序制作、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了北海街道免费建站欢迎大家使用！
css2如果用背景图，实现个分辨率下的图片填充效果是做不到的。
LZ的问题所谓一行能放几个图片是没有限制的，理论上只要放得开就能放，我说的放得开指的是页面的宽度和图片的宽度。
里面两个浮动的div的总长度高于外面的div 导致右边内容被挤下来了，背景图片就这么大，多出来的部分会显示背景颜色。
这里提供两种方法：每3个就在后面加上，注意是两个br这样就换行了。用css来实现，控制.goods的宽度。一般为33%，不知道你的.goods类是怎么写的，如果有margin的话就要比33%小一点。
1、最常用的一种方法：就是浮动，浮动之后会自动往右挤，挤不下就到第二行了。
2、重叠可以用定位和层级z-index实现，随着div移动，不知道什么效果。
3、第三步，执行完上面的操作之后，使用img图片标签创建两个图片，并且src属性指向不同的图片路径，见下图，转到下面的步骤。
4、其实就是，预先把网站上用到的小图片 合到一张图片上，体积反而会变小，且可以减轻服务器负担，使页面加载速度更快。具体实现方法 利用css的背景图片定位，在某个有着固定宽高的容器只显示这张图片的一部分。
1、解决方法：给每个div加上代码： style=display： inline；就可以在一行内显示四个div。div简介：DIV是层叠样式表中的定位技术，全称DIVision，即为划分。有时可以称其为图层。
2、使用css float并排显示：对div设置一个float浮动属性即可解决不并排显示，只要并排div盒子总宽度小于或等于最外层盒子宽度即可实现多个div对象并排显示。加float浮动实现多个div并排显示。
3、新建一个html页面，用于实现多个div显示在同一行上。在html代码页面上写两个div标签，并分别给这个两个div标签添加class类，类名分别为：one，two。
4、在需要的html页面的body部分敲入代码，基本上是一个父级DIV下面有三个子级DIV。
5、方法四（定位）理念：定位属性top和bottom（或是left和right）值分别设置为0，但子div有固定高度（宽度），并不能达到上下（左右）间距为0，此时给子div设置margin：auto会使它居中显示。
6、让两个div排在一起方法有也是有很多的。把两个div设置成行内元素，行内元素自然的会成为一行。display：inline-block。可以设置浮动，float。但父元素要清浮动。
在css标签内，通过class定义表格的外边框的颜色，例如，这里使用border属性设置外边框颜色为红色。在css标签内，再通过class定义表格内边框的颜色，即td单元格的颜色，例如，这里设置为蓝色。
先通过css类选择器选择到div来控制div的宽度和高度和背景颜色(没有边框时方便看出来div的大小)。 通过div 的border属性控制边框颜色，设置border的宽度为2px，线型为实线，颜色为蓝色。
让其变细，以下为demo代码。
