2013-10-08 3 views
-1

У меня есть контейнер (div.wrap) от 640px × 890px.CSS конвертировать пиксели в% выпуск - расчет не правильный

Я хочу добавить padding-top из 40px, но в%. Так 40px/890px = 4,4943820225%

.body { width: 640px; height: 890px; } 
.wrap { 
padding-top: 4.4943820225%; 
width: 100%; height: 100%; 
} 

Но когда я проверяю на инструменте Dev Chrome, у меня есть padding-top = 28.750px. Почему это?

Благодарим за помощь!

+0

Вы можете скопировать этот вопрос на [JSFiddle] (http://jsfiddle.net)? –

ответ

0

Если вы видите спецификацию http://www.w3.org/TR/CSS2/box.html#propdef-padding-top, прокладки (со всех сторон) рассчитываются в зависимости от ширины при использовании процентов ..

Цитата

Процентное: см ширина содержащего блока

+0

oh отлично, спасибо! – july13

+0

Я ответил точно так же, как и раньше. Почему вы получили лучший ответ? ** UNFAIR! ** –

+0

@sam прочитал на http://meta.stackexchange.com/questions/515/the-problem-with-reputation-does-high-reputation-attract-too-many-upvotes –

1

потому что он округляет эти 4,4943820225% и вычисляет их из ширины родительского элемента.

так, 640px х 4,49 ..% = 28,7px

http://www.w3schools.com/cssref/pr_padding.asp

% - Определяет отступ в процентах от ширины содержащего элемента

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