css 保留两位小数,css – 在样式表规则中解释小数点后的位数？

所以最近我偶然发现了

this answer’s CSS：

larger {

width: 66.66666666%;

}

smaller {

width: 33.333333333%;

}

这让我想到：使用样式表的浏览器真正解释了多少位数？因为在Chrome中使用4位数时我没有看到差异.

CSS：

body,div {

width: 100%;

min-height:2em;

margin:0px;

padding:0px;

white-space: nowrap;

font-family: monospace;

}

.left {

display:inline-block;

background: green;

float:right;

}

.right {

display:inline-block;

background: blue;

float:left;

}

.zero .left {

width: 33%;

}

.zero .right {

width: 66%;

}

.two .left {

width: 33.33%;

}

.two .right {

width: 66.33%;

}

.four .left {

width: 33.3333%;

}

.four .right {

width: 66.6666%;

}

.eight .left {

width: 33.33333333%;

}

.eight .right {

width: 66.66666666%;

}

HTML：

33

66

33.33

66.66

33.3333

66.6666

33.33333333

66.66666666