日期:2014-05-16  浏览次数:20804 次

小菜请教大家一个问题。
我在团购网、聚划算、淘宝上看到他们商品展示都是一块一块的,左右和上下都有空隙,整个商品展示的总宽度都是和上边标题栏或导航栏的宽度都是一样的。可是我自己做的时候总是和上边的对不齐,要不就是差一点,要不就是被挤到了下一行,我用的是margin-right设置空隙的大小。想问问大家们有没有什么更好的方法达到这样的效果,最好有代码发上来看一下。谢谢大家。

------解决方案--------------------
对于宽度的控制问题
仔细计算下  width + margin + padding + border 的和 是不是超了  一行限定的宽度?
------解决方案--------------------
楼上的正解,建议LZ先理解好盒模型概念再实践
------解决方案--------------------
先去了解一下什么是盒模型,浮动,相信你了解了这些你就知道该怎么做啦
------解决方案--------------------
楼主关键的是 左右2个 的定位吧 别人的都是左右也是靠边的 。排版最简单么用 table 。用 div+css 模拟的话 在固定宽度情况下 左浮动之后 右边距 ,那 同一行的 最后一个 要注意 去掉 右边距