Отступы вокруг элемента

171
15 ноября 2018, 11:20

Добавил на пустую страницу блок размером 400х400, нужно чтобы его начало координат было с самого угла, но он вокруг себя делает отступы как на скрине. Код предоставляю

   <style>
   margin: 0;
   padding: 0;
   </style>
  <div style="width: 400px; height: 400px; background: black"></div>

Answer 1

Либо для установки нулевых значений отступов для всех элементов

* { 
margin: 0; 
padding: 0; 
}

Answer 2

Вы неправильно прописали стили, скорее всего вы хотели сделать так:

<style>
html, body {
    margin: 0;
    padding: 0;
}
</style>
Answer 3

Если прям как на картинке, т.е. отступы везде кроме правой части, то вот так

Для внешних отступов:

.block {
    margin: 10px;    /*   Отступы везде.. */
    margin-right: 0; /* ..кроме правой части */
}

Для внутренних отступов:

.block {
    padding: 10px;    /*   Отступы везде.. */
    padding-right: 0; /* ..кроме правой части */
}

Сразу фикс, чтобы .block не вылезал за грани:

.block {
    width: calc(100% - 10px);  /* По ширине у нас 1 отступ = 10px */
    height: calc(100% - 20px); /* А по высоте 2 отступа = 20px */
}
Answer 4

Синтаксис css:

selector {
    attribute: value;
}

READ ALSO
как сформировать ссылку по GET запросу?

как сформировать ссылку по GET запросу?

Вопрос: как определить в контроллере метод GET для формирования ссылки(и, соответственно, заранее не заданного html) и получения сохраненной...

205
Скрыть один из div&#39;ов с одинаковыми class&#39;ами

Скрыть один из div'ов с одинаковыми class'ами

Есть несколько div'ов с одинаковыми class'ами, как можно скрыть пару div'ов из них? id не могу добавить

175
Отображение фото Vue.js

Отображение фото Vue.js

Я загружаю фотографию на страницу обычной кнопкойКак мне сделать так, чтобы отображалась ее миниатюра в после кнопки загрузить

152
Автоперенос некоторых элементов bootstrap\flex

Автоперенос некоторых элементов bootstrap\flex

На большом экране в футере у меня следующее, мне нужно при уменьшении экрана, например, меньше md, чтобы почта и телефон съехали на строку вниз,...

215