使用带有div的两种测量(仅css?)

使用带有div的两种测量(仅css?),css,html,Css,Html,我有一个div,我需要占据页面的100%,除了x像素量。我不能使用JavaScript,这可能吗 我可以这样设置高度: height:100%; 或者我可以将其设置为: height:0px; 但是我如何使它100%减去x像素呢 编辑 这就是我需要这样做的原因: 您会注意到页脚被div覆盖。对此我能做些什么吗?这不能用本机CSS完成。您需要使用两个div或padding: <div style="height:100%; position: relative;"> &l

我有一个div,我需要占据页面的100%,除了
x
像素量。我不能使用JavaScript,这可能吗

我可以这样设置高度:

height:100%;
或者我可以将其设置为:

height:0px;
但是我如何使它100%减去
x
像素呢

编辑

这就是我需要这样做的原因:


您会注意到页脚被div覆盖。对此我能做些什么吗?

这不能用本机CSS完成。您需要使用两个div或padding:

<div style="height:100%; position: relative;">
    <div style="position: absolute; top: 0; left: 0; right: 0; bottom: 5px;">
    </div>
</div>

或:

<div style="height:100%; padding-bottom: 5px;">
</div>

(我也希望CSS支持更复杂的数学、变量等)


使用
位置:绝对你可以

在纯CSS中不能使用。不过,我真希望这是可能的。@Shaz+1可能就是答案css不支持数学运算,句号。您可以选择Javascript,或者在生成页面时在服务器上进行计算。设置
高度:100%
往往会有问题,因为加载时通常需要100%的窗口高度,这就是您现在看到的。如果您只是想让页脚位于浮动内容下方,请在css中设置一个
clear
。@Paul Sham,您能解释一下
clear
是什么吗?我从未听说过它,在谷歌上也找不到任何关于它的信息(我一直在为一个清晰的属性获取结果)。如果可以,谢谢你:)救命!我从来没有想过(我现在觉得有点傻!)