获取CSS/SCSS中的整数值

Question

我有两个并排的容器。左边的一个包含一个THREE.js画布，它不允许十进制大小的值。左边的容器应该占据视口宽度的80%，右边的容器应该占据其余的空间。

是否有一种方法来地板左容器宽度在CSS/SCSS?我试着使用width:floor(80%);，但似乎没有做任何事情。

我的SCSS文件:

.tree-view {
//width: floor(80%);
width: 80%;
float:left;
display: flex;
}
.data-view {
//width: ceil(20%);
width: 20%;
float:right;
display: flex;
}

Answer 1

我发现，画布允许十进制大小的值。问题是getBoundingClientRect()没有给我容器的确切尺寸，尽管没有使用填充或边距。

暂时我设置画布的大小为window.innerWidth * 0.8。