Span в верхнем div вмешивается в span нижнего div

#css

Вопрос:

У меня есть форма с набором divs, которые действуют как строки в таблице. Каждая строка div имеет множество подчиненных внешних divs
…Слева
…Справа
….. Сверху
….Снизу

Диапазон в верхнем div мешает span в нижнем div.
==> диапазон в верхнем div приводит к смещению диапазона в нижнем div вправо. Когда я отключаю «float: left» для верхнего диапазона div, проблема исчезает.

На изображении ниже показан HTML, связанный CSS и результаты.

Ответ №1:

Вы должны добавить clear:left в свой класс ListRowBottomDiv следующим образом:

 .ListRowBottomDiv {
    clear:left;
}