Форум программистов, компьютерный форум, киберфорум
Наши страницы

HTML, CSS

Войти
Регистрация
Восстановить пароль
 
Gerd199
1 / 1 / 0
Регистрация: 06.03.2014
Сообщений: 777
#1

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

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

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

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

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

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

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

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

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

4
Mikhail Shell
50 / 50 / 24
Регистрация: 15.11.2014
Сообщений: 625
07.02.2018, 17:08 #2
box-sizing влияет на зависимость ширины (или высоты) от padding и border т.к. по умолчанию width ( или height) зависит от соответствующего padding, и ширины контента. С margin никак не увязан
Цитата Сообщение от Gerd199 Посмотреть сообщение
Так чтобы блок не выступал за body скажем??
Что вы имеете ввиду? Приведите код и скрин того, что должно получиться
0
Qwerty_Wasd
499 / 501 / 206
Регистрация: 16.04.2016
Сообщений: 1,510
Завершенные тесты: 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 / 19
Регистрация: 21.10.2012
Сообщений: 319
Завершенные тесты: 3
07.02.2018, 17:40 #4
Цитата Сообщение от Qwerty_Wasd Посмотреть сообщение
marging
И давно такое свойство появилось в CSS?
1
Qwerty_Wasd
499 / 501 / 206
Регистрация: 16.04.2016
Сообщений: 1,510
Завершенные тесты: 2
07.02.2018, 18:42 #5
Denno, вы правы - промахнулся видать. В песочнице поправил.
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
07.02.2018, 18:42
Привет! Вот еще темы с ответами:

CSS Не работает margin-top/margin-left в IE, Firefox - HTML, CSS
Добрый день! Проблема в коде CSS .check &gt; span{ -webkit-transition: all ease-in-out 0.1s; -o-transition:...

Margin-top и margin-bottom в ie6 не работает - HTML, CSS
#news1 &gt; p { margin-top:15px; margin-bottom:15px; } пробовал ставить !important эффект один и тот же...(

Не смещается центр div c margin 0 auto, который в другом div'e с другим margin - HTML, CSS
&lt;div style=&quot;margin-left: 100px&quot;&gt; &lt;div style=&quot;margin: 0 auto;&quot;&gt;&lt;a href=&quot;&quot; class=&quot;pageButton&quot;&gt;1&lt;/a&gt;&lt;/div&gt; &lt;/div&gt; В первом диве...

Свойство margin при float - HTML, CSS
Почему если мы родительскому элементу придаем свойство float то margin-top работает в рамках родителя. Если не задаем то margi-top будет...


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

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

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