1）ul li
把ul宽度设置大一点，然后overflow=hidden;（最好不要嵌套使用，原因看清除浮动方法），然后外面必须有包裹的div壳，div壳的宽度就按设计稿来，这样就避免了需要给最后一个li设置margin-right:0了
2）[详情点击]
这里只需用<a></a>包起来，把a的字体按要求设置即可，无需再多加一个span
3）关于span
如果段落里面嵌套的span需要设置宽度等属性，就要把span的display:inline-block，同时为使ie67兼容，要同时设置display:inline 和 zoom:1
4）还有放在li里面的图片定位，就用margin-left去控制居中吧
5）焦点图那里，使用<img>标签放置图片，居中的话，position:absolute;left:50%;margin-left:-（图片宽度）/2 px
如果用background放置图片，background-position:center top;
6）遇到选项卡样式复杂，先分别在li中加入class控制不同的样式，然后用js实现切换class
7）焦点图切换，最简单的是，先样式设置display:none;然后只让第一个div显示，第一个切换li高亮
原文：http://www.cnblogs.com/YYvam1288/p/4966129.html