在产品列表页面，单个产品的显示一般都有图片和产品名称（购物网站还会有价格、特价等），如图： 每个产品都会整齐地排列，而图片的显示是在一个区域内相对上下左右边缘居中对齐的，如图： 所以产品名称也能整齐的排列，如图： 所以在我们的网站中产品列表页面中，产品都是整齐地排列在一起的。 案例：http://www.babysilicone.com/cree–spot-light-c-478.html 如果产品图片大小不一，产品图片就全部上下左右居中显示。如果想让产品图片很整齐地排列，那就要把产品图片的长与宽裁剪成一个固定比例，一般最好的做法就是裁剪成正方形（看实际情况，或许有些网站的产品不同，要求也就不同）。 案例：http://www.cheapafclothes.com/products-new.html

在工作中发现，IE6的div高度不能低于18px，设置了半天10px还是18px，总是差8px。而FF等其他浏览器中却没有问题。图中红色为设置height为10px，绿色的为20px。 解决的方法： 一、给盒子定义font-size:0属性； 二、给盒子定义overflow:hidden属性。 这样，在IE6、IE7、FF和Google里的效果就一样了。 这是IE6的一个bug，在平常的建站过程中有时会遇到，会出现兼容问题，导致IE6和其它浏览器显示效果不一样。 虽然说现在IE已经出到IE9了，但使用IE6还大有人在，所以兼容问题我们都是会解决的。

一个Div包含了多个子Div，并且子Div使用了浮动后，父Div却不能被撑开，如下图： 部分代码如下：  <style>    #div1{border:1px solid red;float:left;}    #div2,#div3{float:right;border:1px solid blue;}  </style>    <div id=”div1″>    <div id=”div2″>two</div>    <div id=”div3″>one</div> [...]

新上线企业展示型网站：http://www.babysilicone.com/index.html 此网站有一个特点，查看产品时，类似购物站的企业站产品查看：http://test.babysilicone.com/led-spotlight-fyt-par38-12x2w-p-472-377.html 一般企业展示型网站的每个产品的图片不是特别多，不用像购物站那样使用放大镜查看方式（一个产品会有很多张图片），所以采用如下这种查看方式比较方便： 有一个主图，右边是小图，可以一眼预览所有小图，需要查看大图时点击小图就可以在当页放大图片查看： 而且图片放大之后，把鼠标放在图片的两边，可以切换上下一张，很方便。 每个网站都有不同的地方、不同的产品，我们会依据需要，选择合适的产品查看方式。