求助,DIV排列的问题_html/css_WEB-ITnose

这8个卡片是.8个DIV 高度不固定, 我怎么让他们一行一行的排列.而不是这样乱排列? 如果浏览器小的话 每行可能会排成2个.

请高人帮忙 谢谢啦

回复讨论(解决方案)

可以去参考
超酷的瀑布流特效动画

你可以确实的是只有3列撒？？？？那么你就搞3个DIV 每个DIV确定宽度，高度不确定，然后你可以把你这些内容地 DIV放在那大的3个DIV中，这样就可以额

.container {
width:1024px;
height:auto;
border:1px solid #CCC;
opacity:0.3;
margin:0 auto;
overflow:hidden;
}
.container1,.container2,.container3 {
width:300px;
float:left;
margin-left:30px;
}
.product {
border:1px solid #999;
background:#666;
opacity:0.8;
width:100%;
margin-top:5px;
}

查看更多关于求助,DIV排列的问题_html/css_WEB-ITnose的详细内容...