Исключительная хроматическая ошибка

Я абсолютно позиционирую элементы внутри плавающих div. Последние абсолютно позиционированные элементы прикрепляются к вершине div в chrome, пока мы не изменим размер окна (см. здесь)

Вещи, которые я пробовал до сих пор:

  • Вставка контейнера внутри плавающего элемента
  • Переполнение: скрытое/автоматическое для поплавков, элементов и контейнера.

Это происходит только в хроме. Любая идея, почему/что происходит?

enter image description here

+4
источник поделиться
2 ответа

Только маленькая вещь, которую вы должны делать, и все остальное отлично. Используйте это

.schedule-course-slot-wrapper {
position: absolute; /*Important*/
border: thin solid;
border-radius: 3px;
margin: 0 2px;
padding: 0 3px;
height: 100%;
}

вместо

.schedule-course-slot-wrapper {
position: relative; /*Important*/
border: thin solid;
border-radius: 3px;
margin: 0 2px;
padding: 0 3px;
height: 100%;
}
+2
источник

Вы должны использовать

pop.style.left = l+"px";
pop.style.top = t+"px";

вместо

pop.style.posLeft = l;
pop.style.posTop = t;

или и то, и другое.

0
источник

Посмотрите другие вопросы по меткам или Задайте вопрос