Wierd clear bar

Question

Так что, развивая мой сайт, я столкнулся с небольшой проблемой. Это то, что появляется после того, как я сделал еще один раздел.

Мой CSS: Pastebin Link

HTML: Pastebin Link

Answer 1

Похоже, ваша проблема исходит от надоедливых <h1> элемента. По умолчанию у них есть маржа, так что белая линия, которую вы видите, равна <h1>. Не беспокойтесь, вы можете удалить его, установив свой маркер в 0 в свой CSS.

Мне нравится использовать *, чтобы объявить стили, которые я хочу по умолчанию.

Вот пример.

* { 
    padding: 0; 
    margin: 0; 
} 

Таким образом, у всех нет прокладки или поля!

Надеюсь, это поможет.

Answer 2

@TinoCaer избил меня.

h1 { 
    margin: 0; 
} 

но вы все еще можете использовать прокладку, чтобы создать свой h1.

h1 { 
    padding: 1em; 
}