Итак, я создал очень простой веб-сайт с header, nav, основным контейнером и footer. и я использую тег viewport на своем веб-сайте.

Моя проблема возникает, когда я устанавливаю width для div на 100%.

Вот мой код:

#header {
  background-color: black;
  color: white;
  text-align: center;
  padding: 5px;
}
#nav {
  line-height: 60px;
  background-color: #FFFFFF;
  min-height: 60px;
  width: 100%;
  left: 0px;
  text-decoration: none;
}
#nav a {
  font-family: sans-serif;
  font-size: 25px;
  text-decoration: none;
  float: left;
  margin-left: 10px;
}
#section {
  min-width: 50%;
  min-height: 479px;
  float: left;
}
#section p {
  font-family: sans-serif;
  font-size: 20px;
}
#footer {
  background-color: black;
  color: white;
  clear: both;
  text-align: right;
  line-height: 40px;
  height: 40px;
}
#footer p {
  margin-right: 30px;
}

Есть ли что-то, что мне нужно изменить, чтобы избавиться от белых краев вокруг div, я пробовал избавиться от него, но ни один из них, похоже, не работает, любая помощь будет принята с благодарностью.

0
ItsADZZ 22 Фев 2016 в 03:30

2 ответа

Лучший ответ

body имеет значение по умолчанию margin во всех браузерах, поэтому вам необходимо сбросить это значение margin.

Так что добавь это

body {
  margin: 0
}
2
dippas 22 Фев 2016 в 00:45

Вы говорите о белых краях сайта, тогда используйте

html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}
0
16austin16 22 Фев 2016 в 00:50