用float是达不到你想要的效果的，因为网格间的间距被定死了，所以当总宽度变化时虽然网格横排个数会减少或增多，但其间距不变。
我的思路是将每个网格显示为inline-block（行内块元素），再设置其父容器的text-align:justify（两端对齐），这样的话每行的网格都会根据父容器宽度自适应个数和间距。一图胜千言：
当改变父容器宽度时：
看看是不是你要的效果。
百度：css媒体查询，用媒体查询可以设置条件，比如：
当屏幕宽度为1px-320px的时候用一套样式
当宽度为321px-960px时用另一套样式
用响应式吧~CSS3可以做到~去百度一下CSS3响应式网页布局你就懂了~当然如果你想更好的的使用响应式可以去学一个叫bootstorp的CSS框架~那个对响应式的支持也很好~
全部float:left就行了。
float属性
内容全部来源于网络收集，如有侵权，请联系网站删除：QQ：24596024