Почему div с float не выстраиваются в линию?

Question

[Артем]

Здравствуйте. Есть два div с общим родителем. Каждому из div задано float: left.
Но, тем не менее, "нижний" div все равно находится под "верхним". Я попробовал даже position: absolute, не меняется ровным счетом ничего. Куда копать?

Answer 1

[iBird Rose]

а width для дивов задали?

Comments

[Артем]

Да, задал.

[iBird Rose]

Артем: и какой вы задали? ширина должна быть либо равна, либо меньше половине ширины родителя.

[Артем]

iBird Rose: Я трижды пытался показать код, но он, очевидно, съедался парсером комментариев. В общем, я пометил background-colorом дивы, можете посмотреть тут: 37.194.132.64/livemasters/index.php
бирюзовый - Первый див. Синий - второй. Фиолетовый - родитель

[iBird Rose]

Артем: тк для .filtets нужно указывать float. а не дочернему

[Артем]

iBird Rose: Но ведь он и так на filters.

[Артем]

iBird Rose: .filters{
float: left;
width: 250px;
background-color: red;
}

.new_user{
width: 250px;
background-color: aqua;
}
#main-content {
float: left;
width: 640px;
background-color: blue;
padding: 20px 20px 20px 20px;
}

.main{
background-color: blueviolet;
}

[iBird Rose]

Артем: у тебя в html .filtets а в css .filters

[iBird Rose]

Артем: .filteTs и .filteRs - может так понятнее станет?)

[Артем]

iBird Rose: Ну, как обычно, в общем-то. Спасибо :)

Answer 2

[display: block]

Ширина дочерних элементов превышает ширину вьюпорта.
codepen.io/anon/pen/pEgdoK

Comments

[Артем]

В том-то и дело, что не превышает. Я специально проверял