Удаление пространства в верхнем левом и правом углу div

Я начинаю работать с css и имею основную проблему.

У меня есть элемент div:

.top {
  background-color: #3B5998;
  margin-left: 0px;
  margin-top: 0px
}

<div class="top">...</div>

Ответ 1

Вам необходимо reset использовать атрибуты отступов и margin по умолчанию:

html, body {
    margin: 0;
    padding: 0;
}

Как упоминает Джейсон Маккрири, вы также должны изучить таблицу стилей reset. Eric Meyer CSS reset - это отличное место для начала.

Похоже, что в вашем css отсутствует полуточка, она выглядит следующим образом:

.top
{
    background-color:#3B5998;
    margin-left:0px;
    margin-top:0px;
}

Ответ 2

Там padding на <body> страницы. Вы можете исправить это так:

body
{
    padding: 0;
}

Ответ 3

Если вам нужно немного заполнить внутри div, вы должны выбрать дополнение:

padding:top right bottom left;

Пример:

padding:5px; /* 5px padding at all sides)*/
padding:5px 3px; /* top & bottom 5px padding but right left 3px padding) */
padding:5px 3px 4px; /* top 5px, bottom 4px padding but left right 3px) */
padding:1px 2px 3px 4px; /* top 1px, right 2px bottom 3px & left 4px) */

Аналогично управлению пространством вне div, вы можете использовать margin.

Маржа будет использовать ту же формулу.

Ответ 4

После долгого времени я нашел для меня правильное решение:

html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

Нам нужно определить переполнение в горизонтальной плоскости.

Ответ 5

Если другие ответы не работают, попробуйте position:absolute; top: 0px; left: 0px; или display:flex.

Ответ 6

У меня была та же проблема. просто попробуйте это:

html, body {
    margin-top:-13px;
}

Ответ 7

Я использовал это, и это сработало для меня:

body {
    background-position: 50% 50%;
    margin:0px;
    padding:0px !important;
    height:100%;
}

Ответ 8

проблема, с которой я столкнулся и в последнее время, но даже при том, что я использовал прописку: 0px даже добавил важный элемент на теле, не решил его... реальной проблемой была его позиция... которую вы можете сделать, позиция: 50% 50%; или автоматически разрешить выбирать центральное положение экрана.., который является маржином: 0 auto; или margin: auto; который решил это для меня... надеюсь на вас всех тоже. я понял, что разница в том, что было необходимо после того, как я попытался ответить @HAS, спасибо человеку ур удивительный... извините за зомбирование сообщения

Ответ 9

margin: 0px; удалит все пробелы вокруг элемента.

padding: 0px; очищает область вокруг содержимого

вы можете попробовать:

html, body {margin: 0px; padding:0px;}
body {margin: auto;}

с полем: auto; браузер вычисляет запас.

Вы также можете использовать

* {margin: 0px; padding: 0px;}

это приведет к удалению всех полей по умолчанию и пробелов. Но будьте осторожны при использовании:

position: absolute;

Свойство "position" может принимать 4 значения, статические, относительные, фиксированные и абсолютные. Затем вы можете использовать верхние, нижние, левые и правые свойства для размещения элемента. Это зависит от вашего макета. Эта ссылка может быть полезна https://www.w3schools.com/css/css_margin.asp