Почему margin: -4px создает горизонтальную полосу прокрутки в HTML и как это исправить?

Question

У меня есть элемент <div>, и внутри него есть элемент строки сетки из семантического интерфейса.Я сделал ширину до 100%, но со всех сторон элемента строки появляется небольшое пространство.Так как это убрать?Я использовал margin: -4px, чтобы удалить пробел, но вместо этого он создает горизонтальную полосу прокрутки.

<div>
  <Grid.Row style={{height: '400px', backgroundColor: '#444444'}} 
   className="noprint">                            
   </Grid.Row>
</div>

, а здесь CSS, который я использовал: -

div{
  margin: -10px;
}

Answer 1

Попробуйте padding: 0 на элементе строки и удалите отрицательное поле.