Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Gerd199
5 / 5 / 3
Регистрация: 06.03.2014
Сообщений: 793
1

Box-sizing при отступах margin

06.02.2018, 15:57. Просмотров 181. Ответов 4
Метки нет (Все метки)

box-sizing работает на блоке если указывать внутренние отступы padding, как сделать тот же эффект при margin? Так чтобы блок не выступал за body скажем??
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
06.02.2018, 15:57
Ответы с готовыми решениями:

Некорректная работа border при задействовании box-sizing
Всем привет! Проблема в том, что при свойстве box-sizing перестает правильно...

Непонятное поведение азначения border-box в атрибуте box-sizing
Итак согласно определению здесь http://htmlbook.ru/css/box-sizing значение...

Что означает body, *, *:before, *:after{ box-sizing: border-box; }
Вопрос наверно глупый простите я начинающий. Встретил в коде body, *,...

Почему не работает box-sizing: border-box
Не могу понять почему блоки div выезжают за родительский блок (Opera) и почему...

Не могу разобраться с box-sizing:border-box
Есть список, я его элементы располагаю в строку, используя float. Делаю...

4
Mikhail Shell
50 / 50 / 39
Регистрация: 15.11.2014
Сообщений: 626
07.02.2018, 17:08 2
box-sizing влияет на зависимость ширины (или высоты) от padding и border т.к. по умолчанию width ( или height) зависит от соответствующего padding, и ширины контента. С margin никак не увязан
Цитата Сообщение от Gerd199 Посмотреть сообщение
Так чтобы блок не выступал за body скажем??
Что вы имеете ввиду? Приведите код и скрин того, что должно получиться
0
Qwerty_Wasd
968 / 716 / 365
Регистрация: 16.04.2016
Сообщений: 1,938
Завершенные тесты: 2
07.02.2018, 17:34 3
Gerd199, если я вас правильно понял, то... к примеру - песочница
HTML5
1
<body><div class="block"></div></body>
CSS
1
2
3
4
5
*{marging:0;padding:0;}
html,body{height:100%;width:100%;}
body{position:relative;}
//меняйте margin у .block как хотите 
.block{position:absolute;top:0;left:0;right:0;bottom:0;background:#EF5350;margin:50px;}
0
Denno
93 / 95 / 30
Регистрация: 21.10.2012
Сообщений: 319
Завершенные тесты: 3
07.02.2018, 17:40 4
Цитата Сообщение от Qwerty_Wasd Посмотреть сообщение
marging
И давно такое свойство появилось в CSS?
1
Qwerty_Wasd
968 / 716 / 365
Регистрация: 16.04.2016
Сообщений: 1,938
Завершенные тесты: 2
07.02.2018, 18:42 5
Denno, вы правы - промахнулся видать. В песочнице поправил.
0
07.02.2018, 18:42
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
07.02.2018, 18:42

Как можно пофиксить свойство box-sizing в ie7?
Здравствуйте. Подскажите, пожалуйста, как можно пофиксить свойство box-sizing в...

CSS Не работает margin-top/margin-left в IE, Firefox
Добрый день! Проблема в коде CSS .check &gt; span{ ...

Margin-top и margin-bottom в ie6 не работает
#news1 &gt; p { margin-top:15px; margin-bottom:15px; } пробовал ставить...


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

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru