Question

我将位置（％）应用于某个div，但它无效。这是代码。

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

但是当我申请时：

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

这对我有用。

是否存在差异b / w％或em？

请帮忙。

Answer 1

em和%之间存在很大差异。

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

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

CSS

div { width: 70%; }

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

div { width: 70em; }

您的示例将#transitions元素的左侧位于其容器的70％位置。或70个'M'字符远离其容器的左侧。

Answer 2

如果你想计算％vs em，那么这个字体大小可能是170％= 32px = 2 em你可以计算1 em = 16px和100px = 531.25％