Position у Div?

Question

[Mesuti]

Привет!
Верстаю на html без фреймворков.
Столкнулся с такой проблемой, новые div располагаются поверх старых и смешиваются друг с другом, хотя просто пишу их по порядку.
Стили задаю только визуальные- цвет, размер.
Пример на jsfiddle

Нужно каждому указывать position? Я не указывал, и пробовал всем новым дивам писать pisition:inherit
Или вначале css сделать какой-нибудь сброс?
Как выдерживать порядок div'ов? Каждому задавать position absolute или relative?

Answer 1

[Антон Спирин]

Потому-что вы используете float сетку, но не используете clearfix. Почитайте, что это такое и для чего. А пока добавьте всем контейнерам c float элементами класс clearfix, с таким кодом:

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

Comments

[Mesuti]

Спасибо!
Задали направление, чтобы изучить.