首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

请教这样显示css如何实现

2012-03-23 
请问这样显示css怎么实现http://www.eccousa.com/shoes/mens/里面的产品展示,主要是列出产品的图片,名称,

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

热点排行