%有时在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; }