免费资源：哥德巴赫猜想一个选项卡宽度

}

}

System.out.println("result_x==>" + result_x + ",result_y==>" + result_y);

}

}

好吧，相信万能的机器，总是什么都能做出来的。运行以上程序，一下就输出了几百组结果，X取值从-33.06%—33.47%，Y从33.48%—33.4%，从中选出最接近的1组：

x=33.47%

y=33.48%

好了，给CSS设置：

.tab3 li{float:left;width:33.47%;}

.tab3 li:last-child{width:33.48%;}

大功告成!iPhone和Android自带浏览器都表现完美了。

[再提一点，对Firefox浏览器要满足的条件如下：

(312*X) + (312*X)+(312*Y)=312，同时(472*X) + (472*X)+(472*Y)=472，

基本上就是2X+Y=1，而通过程序运算，我们发现找不到这样一组4位以内的数值能同时满足Firefox和Safari的条件，好在目前在高端机的网页上，我们还不需要兼容Firefox——如果有谁知道-moz或-webkit设置宽度的私有属性，请告诉我，可以分别给他们定义宽度。]

这样就行啦!

这时，有一个弱弱的声音在问：但是，请问，请问，我们每次都要这么痛苦么!

好，问的好!

在经历了这一番死去活来的推理计算后，一直觉得如鲠在喉，心有不甘。突然有一天，脑子里灵光一现，柳暗花明又一村…让我们换个思路吧：

一定要给每个选项卡定义精确宽度么?能不都定义么?如果我们只定义其中前N-1个，而让最后一个自适应会如何?像这样：

.tab3 li:not(:last-child){float:left;width:33.33%;}

.tab3 li:last-child{margin-left:66.66;}

世界顿时简单了!Firefox、Safari一次被搞定——ie下用，稍作修改即可。不论5个、7个，一个道理：前N-1个取最接近平均值的百分比，最后一个自适应，填充剩余空间。

正所谓大巧无术、大道至简，换一种思路，海阔天空。

原文：http://wsd.tencent.com/2010/08/tab.html

本文链接：http://www.blueidea.com/tech/web/2010/7917.asp