视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
小菜请教大家一个问题。_html/css
2020-11-27 15:43:56 责编:小采
文档


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


回复讨论(解决方案)

对于宽度的控制问题
仔细计算下 width + margin + padding + border 的和 是不是超了 一行限定的宽度?

楼上的正解,建议LZ先理解好盒模型概念再实践

写好一个模型,做成css,每次使用这个正确的class,不要做重复工作
你也可以直接趴别人网站的css直接用

先去了解一下什么是盒模型,浮动,相信你了解了这些你就知道该怎么做啦

我也觉得浮动概念比较重要。

妥妥浮动啊。。盒模型其实看图就明白了
浮动加定位..反正我是迷糊好久

不知道各位有没有比较好的资料介绍看看啊

楼主关键的是 左右2个 的定位吧 别人的都是左右也是靠边的 。排版最简单么用 table 。用 div+css 模拟的话 在固定宽度情况下 左浮动之后 右边距 ,那 同一行的 最后一个 要注意 去掉 右边距

下载本文
显示全文
专题