Question

我想知道这个：当我在相对位置使用％移动元素时，为什么top和bottom属性不起作用？考虑这个例子：

div {
  width: 100%;
  background-color: black;
}

p {
  position: relative;
  top: 10%;
  color: red;
}

如果我使用em而不是％，文本会下降，为什么不与％？

相同

最后一件事：在流畅的布局中定位元素（不是用于调整大小）时使用em而不是％会产生麻烦吗？

Answer 1

因为您p不知道包装div的高度。设置height并解决问题。

其他信息：

很容易理解字体大小单位之间的区别你看到他们在行动。通常，1em = 12pt = 16px = 100％。什么时候使用这些字体大小，让我们看看当你增加时会发生什么基本字体大小（使用正文CSS选择器）从100％到120％。