css - 如何将底部参数的百分比转换为像素 CSS？

Question

我在我的 css 文件中得到了这个:

#myClass {
    position: absolute;
    height: 6px;
    width: 100%;
    bottom: 66%;  <<  here is 66%
    left: 0;
    right: 0;
    background-color: #666;
    cursor: n-resize;
}

有垫底的66%

但是我需要这样的东西:

bottom: ~calc(66% - 35px);

或者这个

bottom: calc(66% - 35px);

但这没有用!

你能帮帮我吗？

Answer 1

如果它应该是高度的 66%，尝试:

bottom: calc(66vh - 35px);

或者如果它应该是宽度的 66%，尝试:

bottom: calc(66vw - 35px);