Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/11: Рейтинг темы: голосов - 11, средняя оценка - 5.00
14 / 14 / 0
Регистрация: 16.04.2011
Сообщений: 236

Padding-top в % и px

03.03.2015, 22:41. Показов 2159. Ответов 12
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Дан блок, шириной - 396 px. Если задать padding-top - 54px, а потом заменить на padding-top - 13.64% получаются разные отступ (раза в 1,5-2 больше). Почему?
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
03.03.2015, 22:41
Ответы с готовыми решениями:

Input type=text padding-top, padding-bottom в safari не работают
<!DOCTYPE html> <html lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style> /*...

Не работает padding-top в <li>
Здравствуйте! Делаю боковую менюшку для сайта с помощью списков. Хочу чтобы эта менюшка всегда была вверху. Но она смещается из-за того...

Нет реакции на padding-top в CSS
В блоке nav не могу сместить свои ссылки пониже. Padding-top вообще никакого результата не дает... HTML &lt;!doctype html&gt; ...

12
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
03.03.2015, 23:16
Magellan_, а высота у блока какая? У Вас же отступ сверху, а не слева или справа - его надо считать по высоте, а не ширине блока...
1
14 / 14 / 0
Регистрация: 16.04.2011
Сообщений: 236
03.03.2015, 23:39  [ТС]
Так padding-top/bottom, margin-top/bottom считаются, вроде бы, от ширины родительского блока?
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
03.03.2015, 23:42
Ну представьте себе блок padding-top/bottom, margin-top/bottom - это вертикальные отступы и считать их нужно по высоте блока, а padding-left/right, margin-left/right - это горизонтальные отступы и считать их уже нужно по ширине...
1
14 / 14 / 0
Регистрация: 16.04.2011
Сообщений: 236
04.03.2015, 00:01  [ТС]
Нет, все-таки вы не правы. Попробуйте, поменяйте значение высоты, а потом ширины - http://codepen.io/mafellan/pen/ZYjemO
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
04.03.2015, 00:46
Цитата Сообщение от Magellan_ Посмотреть сообщение
Нет, все-таки вы не правы.
Интересно в чём...? Ширина моей талии 52 см назовите мой рост, если Вы по ширине научились высоту считать...
1
 Аватар для GalaX
701 / 573 / 59
Регистрация: 18.11.2008
Сообщений: 2,147
04.03.2015, 01:02
Цитата Сообщение от Magellan_ Посмотреть сообщение
Если задать padding-top - 54px, а потом заменить на padding-top - 13.64% получаются разные отступ (раза в 1,5-2 больше). Почему?
Потому что px это фиксированное растояние, а % динамичное зависимое от внешних факторов.
1
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
04.03.2015, 02:23
Лучший ответ Сообщение было отмечено Magellan_ как решение

Решение

Цитата Сообщение от Magellan_ Посмотреть сообщение
Нет, все-таки вы не правы. Попробуйте, поменяйте значение высоты, а потом ширины
Сори дезинформировал... Точно padding-bottom/top и margin-top/bottom будет высчитываться по ширине родительского блока... Чего-то в последнее время совсем плохо с памятью стало надо глицин попить, витаминки всякие... Ну соответственно вывод по Вашей теме скорее всего Вы высчитываете padding по ширине дочернего блока, хотя его необходимо посчитать по ширине родительского... В соседней теме всё нормально расписал, а здесь путаться начал... Печалька...

Не по теме:

Всё пора отдохнуть - заняться чем - нибудь творческим... :) Что-то много косяков в последнее время...

1
Эксперт HTML/CSS
 Аватар для Shakalaka
653 / 556 / 322
Регистрация: 27.01.2015
Сообщений: 1,374
04.03.2015, 14:41
Если padding задан в процентах, значение высчитывается от ширины РОДИТЕЛЬСКОГО элемента. Следовательно 13.64% не от 396px, а от ширины контейнера родителя
1
04.03.2015, 14:56

Не по теме:

Shakalaka, А чем Ваш пост:

Цитата Сообщение от Shakalaka Посмотреть сообщение
Если padding задан в процентах, значение высчитывается от ширины РОДИТЕЛЬСКОГО элемента. Следовательно 13.64% не от 396px, а от ширины контейнера родителя
отличается от моего?
Цитата Сообщение от Fedor92 Посмотреть сообщение
Ну соответственно вывод по Вашей теме скорее всего Вы высчитываете padding по ширине дочернего блока, хотя его необходимо посчитать по ширине родительского..
:)

0
Эксперт HTML/CSS
 Аватар для Shakalaka
653 / 556 / 322
Регистрация: 27.01.2015
Сообщений: 1,374
04.03.2015, 15:02
Fedor92, честно, дочитал только до Что сказать в свое оправдание - бывает))
1
04.03.2015, 15:05

Не по теме:

Не переживайте мне просто интересно стало... Вот и спросил... :)

0
496 / 130 / 19
Регистрация: 30.03.2010
Сообщений: 224
04.03.2015, 15:50
скорее всего блоки inline
их высота определяется свойством line-height, а padding-top рассчитывается по этой высоте
это легко проверить на примере:
HTML5
1
2
<div style = "width: 396px; line-height: 100px; padding-top: 13.64%">123</div>
<div style = "width: 396px; line-height: 10px; padding-top: 13.64%">123</div>
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
04.03.2015, 15:50
Помогаю со студенческими работами здесь

padding-top: 1% берёт процент от ширины родителя
Вот код: #content { padding: 1%; } &lt;div id=&quot;content&quot;&gt; Content &lt;/div&gt; но почему-то padding берётся от ширины! В чём дело?...

Почему меняется высота блока при увеличении padding-top?
Добрый день! Не могу понять такую вещь. Блок с display:inline-block должен вести себя как строка. Но когда я прописываю код ниже,...

как зделать чтобы было top.sait.ru а не sait.ru/top/
как зделать чтобы было top.sait.ru а не sait.ru/top/

Padding
&lt;div style=&quot;padding:10px;&quot;&gt; &lt;div&gt; Как заставить этот блог проигнорировать padding родительского блока?&lt;/div&gt; ...

Margin,padding
возможно ли в процентах как-то указывать ?


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
13
Ответ Создать тему
Новые блоги и статьи
Автозаполнение реквизита при выборе элемента справочника
Maks 27.03.2026
Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .
Сумматор с применением элементов трёх состояний.
Hrethgir 26.03.2026
Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .
Автозаполнение реквизитов при создании документа
Maks 26.03.2026
Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .
Команды формы и диалоговое окно
Maks 26.03.2026
1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .
Кому нужен AOT?
DevAlt 26.03.2026
Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .
Отправка уведомления на почту при создании или изменении элементов справочника
Maks 24.03.2026
Программная отправка письма электронной почты на примере типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной записи электронной. . .
модель ЗдравоСохранения 5. Меньше увольнений- больше дохода!
anaschu 24.03.2026
Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .
Midnight Chicago Blues
kumehtar 24.03.2026
Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru