Ilya Bazhinov 28 мая 2020 0

левый отступ в дочерних div

Ilya Bazhinov / 28 мая 2020

как удалить отступ в 1 пиксель слева от синего div? Пытался сбросить границу, никакого эффекта

body 
{margin: 0; padding: 0; width: 100%; height: 100%; background: #222222;}

.container
{background: red; width: 1600px; height: 100px; margin: 0 auto;}

.header
{background: blue; width: 100%; height: 64px; box-sizing: border-box;}

<!DOCTYPE html>
<html lang="en">
<head>
<title>Test</title>
</head>
<body>

<div class="container">
<div class="header"></div>
</div>

</body>
</html>

1 Ответ

Gh05d / 28 мая 2020

Судя по вашему примеру, на элементе body есть какой-то запас. Убрать можно так:

.container {
  background: red;
  width: 1600px;
  height: 100px;
  margin: 0 auto;
}

.header {
  background: blue;
  width: 100%;
  height: 64px;
  box-sizing: border-box;
}

body {
  margin: 0; 
}

<div class="container">
  <div class="header"></div>
</div>

...