4.3产品展示区域的搭建有疑问

在做产品展示区域时出现了些问题，我研究了好久也搞不明白是怎么回事

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

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

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

韩文强

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