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

一尘不染

css

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

阅读 963

2020-05-16

共1个答案

一尘不染

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

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

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

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

2020-05-16