JQuery парить и выходить

Question

У меня есть 4 коробки в списке. Я пытаюсь установить ширину до 100% при наведении. Работает хорошо без установки float: слева от элементов li. Если задано значение float: left, при наведении курсора на поле справа будет мигать курсор.

Код здесь - http://jsfiddle.net/PsYn9/5/

Если я наведу курсор на прямоугольник № 2, то он начнет мигать. Почему это происходит

Answer 1

Когда ли растягивается, он не перекрывает другой ли, а создает пространство для себя, нажимая . Поэтому, когда вы наводите курсор мыши на второй столбец, он сам выдвигается, поэтому вы больше не парите над ним.

Answer 2

Это нормальное поведение. Это происходит потому, что при наведении курсора на второй блок поле не помещается на контейнер, поэтому оно падает на второй ряд (таким образом, float работает таким образом). И когда коробка опускается во второй ряд, вы как бы перестаете парить на ней, чтобы она вернулась к своему первоначальному размеру и положению. Затем он снова на своем месте, и вы зависаете над ним, и так далее ... Вот почему он мерцает.

Решение: Сделайте контейнер шире и работайте с фиксированными отверстиями для ящиков.

Answer 3

Когда вы наводите курсор мыши на это поле, ввод мыши происходит, и ширина устанавливается на 100%, а поле опускается ниже, поэтому мышь больше не находится над ним, и отпускание мыши срабатывает, поэтому ширина устанавливается на 48%, и поле переходит на предыдущую позицию, гдевсе еще курсор мыши, поэтому срабатывание мышки срабатывает, ширина устанавливается на 100%, а поле опускается ниже ...

Answer 4

Поскольку на каждом этапе div растягивается до 100%, это приводит к запуску ниже div1. Это приводит к наведению мышки, потому что мышь не зависает на div ...