请问这样显示css怎么实现
http://www.eccousa.com/shoes/mens/里面的产品展示,主要是列出产品的图片,名称,价格,要显示在同一行上面,但是设置程inline还是不行,还是显示一列下来!贴出我css样式,大家帮忙看看有什么错误,谢谢!productcontent是所有产品div,急急...#productcontent
{
height:auto;
overflow:hidden;
width:510px;
float:right;
margin-bottom:20px;
padding-left:5px;
}
.productlist
{
height:auto;
margin-bottom:5px;
width:510px;
overflow:hidden;
padding-top:5px;
}
.imglist
{
width:150px;
height:auto;
border:#F0F0F0 1px solid;
}
.product
{
display:inline;
height:auto;
width:150px;
margin-bottom:5px;
padding-bottom:5px;
padding-right:5px;
}
------解决方案--------------------常见的布局 一个商品 固定宽度 左浮动
------解决方案--------------------.product { float:left; }