论坛

标题: 4.3产品展示区域的搭建有疑问 [打印本页]

作者: 红豆紫衫 时间: 2016-12-13 19:46
标题: 4.3产品展示区域的搭建有疑问
在做产品展示区域时出现了些问题，我研究了好久也搞不明白是怎么回事

1）那个四个产品图我明明是放在“产品展示 pro”这个“div”里面的，但是为什么图片都占到下面“NEWS”的“div”里面去了呢？

2）当我编辑下面的“NEWS”部分内容时，内容确又跑到上面的盒子里去了

关于以上疑问，我有截取“代码图”“CSS”图 “实时预览”图，详见以上三图

[attach]76092[/attach]

作者: 韩文强 时间: 2016-12-14 19:15
这是因为浮动的原因造成的，为每个li添加了float属性之后，li的高度就无法再次撑开父级的高度了，解决办法就是为li的父级.pro-out添加高度，这个高度就等于内容图片+蓝色背景文字的高度。

欢迎光临论坛 (http://bbs.qinxue.com/)