如何在CSS中设置高度（默认为宽度）的边距/填充百分比。？

Question

通常我们指定margin-top:10%;/*(say for eg.)*/ margin-top将是页面宽度的10％，但我想要10％的页面高度。

Answer 1

您不能，总是的保证金百分比与包含元素的宽度有关。这就是它的定义方式，它应该如何运作。您可以在顶部和底部使用的唯一灵活边距是auto值，该值可让浏览器自动计算顶部和/或底部边距应该是多少。没有办法让这个百分比适用于元素的高度。 padding-top声明的工作方式与百分比相同。

你可能不得不在它上面添加一些额外的分区，它的高度与你想要的'margin'的百分比有关。不知道这会有多好。