Question

我想使用calc(100%-100px)在我的demo中无效，因为高度仅接受像素，因此如何将此百分比值转换为像素。

Answer 1

以下内容将为您提供身高：

$(window).height();   // returns height of browser viewport
$(document).height(); // returns height of HTML document

设置值

$(window).height(800);
$(document).height(800);

或者你可以使用好的旧Javascript

window.resizeTo(800, 600);

以下是您在评论中要求的JSFiddle。

Answer 2

尝试一下：

html, body {
    height: 100%;
    padding: 0;
    margin: 0;
}

div {
    height: calc(100% - 100px); /* IE9+ and future browsers */
    height: -moz-calc(100% - 100px); /* Firefox */
    height: -webkit-calc(100% - 100px); /* Chrome, Safari */
    vertical-align: middle;
    background-color: yellow;
}

p{
    background-color: red;
    padding: 20px;
}

似乎表格单元格不允许计算（...）

请参阅：http://jsfiddle.net/az4dB/3/

修改

请参阅this示例，改编自this精彩帖子：。

calc（百分比）到calc（像素）

2 个答案: