% не работает в позиции CSS

Я применяю позицию (в%) к некоторому div, но он не работает. Вот код.% не работает в позиции CSS

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

Но когда я применить:

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

это работает для меня.

Есть ли разница в/в% или em?

Пожалуйста, помогите.

источник

2013-03-14 Manjit Singh

Возможный дубликат : http://stackoverflow.com/questions/132685/font-size-in-css-or-em – Karma

Однако вы все еще можете посмотреть: http://kyleschaeffer.com/user-experience/css-font -size-em-vs-px-vs-pt-vs/ – Karma

Что такое css контейнера #transitions? –

Существует большая разница между em и %.

% представляет собой процентный размер контейнера элемента. В следующем примере <div> будет составлять 70% от ширины страницы.

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

CSS

div { width: 70%; }

em представляет размер капитала 'М' на основе текущего font-size. Вместо того, чтобы использовать следующий CSS, <div> будет размером 70 символов.

div { width: 70em; }

Ваш пример будет позиционировать левой руки на стороне в #transitions элемента на 70% пути через это контейнер. ИЛИ 70 'M' персонажей от левой стороны контейнера.

источник

2013-03-14 11:02:05

Если вы хотите, чтобы вычислить% против эм, то это, вероятно, будет это 170% = 32px = 2 ем в размерах шрифта, как это можно было вычислить его 1 эм = 16px и 100px = 531,25%

источник

2013-03-14 12:43:00

% не работает в позиции CSS

ответ

Смежные вопросы