css - 如何在 CSS 中根据高度(默认情况下根据宽度)设置边距/填充百分比 ..？

Question

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

Answer 1

你不能，边距百分比总是是根据包含元素的宽度。这就是它的定义方式，也是它应该如何工作的方式。您可以为顶部和底部使用的唯一灵活边距是 auto 值，它将让浏览器自动计算顶部和/或底部边距应该是多少。无法将该百分比应用于元素的高度。 padding-top 声明在百分比方面的工作方式相同。

您可能必须在其上方添加某种额外的分区，其高度与您希望的“边距”百分比相符。虽然不确定这会如何运作。