margin-top:calc(%)使用宽度的百分比而不是所需的高度百分比

时间:2017-09-12 00:03:39

标签: css css3

我使用像margin-top: calc(100% - $value)这样的东西,意图是计算将涉及100%的高度来计算上边距。但是,实际上它是根据宽度的100%进行计算。

任何人都有关于如何根据百分比高度而不是宽度进行计算的线索? (到目前为止,我已经检查过Chrome和FF都发生了不良行为)。

https://jsfiddle.net/bfxhebc3/

1 个答案:

答案 0 :(得分:2)

根据css spec,保证金的百分比值(包括margin-top)基于包含块的 width

如果您指的是窗口的高度,则可以使用vh代替百分比:

margin-top: calc(100vh - $value);