代表CSS中100％的1/3的最佳方法？

我有一个大的<div>，<div>里面有三个little 。它们每个都有33％的宽度，但这会引起一些对齐问题，因为3 * 33％！= 100％。像这样在CSS中代表完美三分之一的最佳方法是什么？也许只有33.33％？

现在，现代浏览器calc已广泛支持该功能，您可以使用：

#myDiv {
    width: calc(100% / 3);
}

或者，如果您的浏览器不支持，则可以将其用作备用：

#myDivWithFallback {
    width: 33.33%;
    width: calc(100% / 3);
}

您是否为保证金留有余地？您可以每列增加30％，中间列的每一侧留5％的利润。

快速示例

.col_1_3 {
    width: 33%;
    float: left;
}

.col_1_3:nth-of-type(even) {
    width: 34%;
}

最高分辨率的屏幕是分辨率为2800x2100的非生产NEC LCD屏幕。即使是这种大小，一个像素也只是屏幕宽度的0.0357％。所以33.33%应该足够接近，直到5,000像素宽的屏幕成为标准。

不过，John Resig对不同浏览器中的亚像素舍入进行了一些研究，因此，取决于您的三列以完全等于屏幕的宽度，可能永远找不到完美的解决方案。