我使用像margin-top: calc(100% - $value)
这样的东西,意图是计算将涉及100%的高度来计算上边距。但是,实际上它是根据宽度的100%进行计算。
任何人都有关于如何根据百分比高度而不是宽度进行计算的线索? (到目前为止,我已经检查过Chrome和FF都发生了不良行为)。
答案 0 :(得分:2)
根据css spec,保证金的百分比值(包括margin-top
)基于包含块的 width 。
如果您指的是窗口的高度,则可以使用vh
代替百分比:
margin-top: calc(100vh - $value);