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

时间:2017-04-26 12:20:46

标签: css calc

我在我的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);

但那没有用!

你能帮助我吗?

1 个答案:

答案 0 :(得分:1)

如果它应该是身高的66%,请尝试:

bottom: calc(66vh - 35px);

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

bottom: calc(66vw - 35px);