css这个东西需要熟练掌握才能知道哪里出问题，看到你写了这么多padding，margin,问题应该就出在这里了，padding,margin这些会叠加，或者不叠加，这个出来效果是不一样的
真不了解就建议固定高度，然后写一个overflow:hidden就解决了
这个嘛。。。有点难度，我给你整理下，你要给我好评啊，顺带给加点分吧。/*
所有页面都所使用模块的样式
css.css
只要在所有页面出现过的区块都写在这里，包括布局的样式
/*
首页所使用模块的样式
css_index.css
只要在首页出现过的区块都写在这里，包括布局的样式
/*
在商品首页及促销模块列表中所使用的样式
css_products.css 商品首页及促销模块页面所用到的样式
/*
商品小类页面使用的样式
css_list.css 商品小类页面所用到的样式
css_list1.css 商品小类页面所用到的样式
css_list2.css 商品小类页面所用到的样式
/*
关于产品大类及商品详细的样式
css_Cate.css 产品大类及商品详细所用到的样式
/*
关于文章的的样式
css_events.css 文章类的样式
/*
其他应用模块样式
css_others.css 部分配套模块页面所用到的样式
/*
注册认证使用的样式
css_user.css 注册认证中所有页面所用到的样式
/*
会员中心使用的样式
css_member.css 会员中心中所有页面所用到的样式
/*
购物流程中所使用到的样式
css_Cart.css 购物流程中所有页面所用的样式
其实都可以 就看喜欢 div布局<div class="wrap">
<div>商品</div>
<div>商品</div>
<div>商品</div>
<div>商品</div>
<div>商品</div>
</div>
UL 布局
<ul class=“wrap”>
<li>商品</li>
<li>商品</li>
<li>商品</li>
</ul>
居中对齐可以写样式控制，列如：
.wrap{width:600pxmargin:auto auto}
如果列表项需要两端对齐的话，可以对列表项精确控制即可
