日期:2014-05-17  浏览次数:20639 次

请问这样显示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; }