％在某個時間段不工作CSS

我將位置（％）應用於某個div，但它不起作用。這是代碼。％在某個時間段不工作CSS

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

但是當我申請：

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

這是爲我工作。

是否有任何差異b/w％或em？

請幫忙。

的可能的複製：http://stackoverflow.com/questions/132685/font-size-in-css-or-em – Karma 2013-03-14 10:56:11

但是，你仍然可以看看：http://kyleschaeffer.com/user-experience/css-font -size-em-vs-px-vs-pt-vs/ – Karma 2013-03-14 10:57:44

#transitions容器的css是什麼？ – 2013-03-14 10:58:16

em和%之間有很大的區別。

%代表元素容器的百分比大小。在以下示例中，<div>將爲頁面寬度的70％。

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

CSS

div { width: 70%; }

em表示基於當前font-size一個大寫 'M' 的大小。使用下面的CSS代替，<div>將是70'M'字符的大小。

div { width: 70em; }

你的榜樣將通過它的容器中的方式70％#transitions元素的左手側位置。或70'M'字符遠離其容器的左側。

2013-03-14 11:02:05

如果要計算％和EM那麼它很可能是這170％= 32PX = 2的字體大小這樣他們你可以計算出它1 EM = 16px的和100像素= 531.25％

2013-03-14 12:43:00

回答