Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
%有时在CSS位置不工作_Css_Css Position - Fatal编程技术网

%有时在CSS位置不工作

%有时在CSS位置不工作,css,css-position,Css,Css Position,我正在向某个部门申请职位(单位%),但它不起作用。这是代码 #transitions { position: absolute; top: 0; bottom: 70%; display: block; } 但当我申请时: #transitions { position: absolute; top: 0; bottom: 70em; display: block; } 它对我有用 是否有b/w%或em的差异 请帮忙。em和%之间有很大

我正在向某个部门申请职位(单位%),但它不起作用。这是代码

#transitions {
  position: absolute;
  top: 0;
  bottom: 70%;
  display: block;
}
但当我申请时:

  #transitions {
    position: absolute;
    top: 0;
    bottom: 70em;
    display: block;
  }
它对我有用

是否有b/w%或em的差异


请帮忙。

em和
%
之间有很大的区别

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

<body>
    <div>A div</div>
</body>
em
表示基于当前
字体大小的大写字母“M”的大小。如果使用以下CSS,则
的大小将为70个“M”字符

div { width: 70em; }

您的示例将
#transitions
元素的左手侧定位在其容器中70%的位置。或距离容器左侧70个“M”字符。

如果要计算%vs-em,则可能是170%=32px=2 em,字体大小如下,您可以计算1 em=16px和100px=531.25%

可能的重复:但是,您仍然可以查看一下:#transitions容器的css是什么?
div { width: 70em; }