css - % 在 CSS 位置的某个时候不工作

Question

我正在将位置（以 % 为单位）应用于某些 div，但它不起作用。这是代码。

#transitions {
  position: absolute;
  top: 0;
  bottom: 70%;
  display: block;
}

但是当我申请时：

  #transitions {
    position: absolute;
    top: 0;
    bottom: 70em;
    display: block;
  }

它对我有用。

b/w % 或 em 有什么不同吗？

请帮忙。

score 1 · Accepted Answer

em和之间有很多区别%。

%表示元素容器的百分比大小。在以下示例中，<div>将是页面宽度的 70%。

<body>
    <div>A div</div>
</body>

CSS

div { width: 70%; }

em表示基于当前的大写字母“M”的大小font-size。改用下面的 CSS，<div>将是 70 个“M”字符的大小。

div { width: 70em; }

您的示例将#transitions元素的左侧定位在其容器的 70% 处。或 70 'M' 字符远离其容器的左侧。

score 0 · Accepted Answer

如果你想计算 % vs em 那么它很可能是 170% = 32px = 2 em 这样的字体大小你可以计算它 1 em = 16px 和 100px = 531.25 %

2 回答 2