Элементы складываются, но распаковываются при зависании?

Question

В основном моя проблема в том, что div, span, будут всплывать поверх друг друга. Но когда я наведу на них мышку, они «расклеивают» и исправляют себя, и они останутся неподвижными, пока я не обновлю страницу ... тогда они снова сломаются. Это как если бы зависание над ними что-то имело?

Кто-нибудь знает, почему происходит такое поведение? Это IE6 и IE7, кстати. Я не уверен, имеет ли это отношение к hasLayout (так как у них есть расположение I в них). Кто-нибудь еще видел эту причуду раньше?

Извините, у меня нет примера кода, поскольку я не могу воспроизвести его в виде простого кода - мой сайт представляет собой сложную структуру вложенных элементов div.

Answer 1

Звучит как [http://www.positioniseverything.net/explorer/peekaboo.html "Пикабу"] для меня ...

Answer 2

Эта проблема иногда возникает из-за использования «position: absolute» в css и неправильной упаковки его тегами «position :lative». Если вы используете вышеуказанные коды, проверьте, какие теги позиции в CSS.

Было бы полезно, если бы вы предоставили ссылку на ваш проект [или] используемый простой HTML-код и CSS, чтобы мы могли проверить и найти решение.

Answer 3

Я видел, о чем ты говоришь не раз. Насколько я понимаю, ошибка заключается в том, что при первом отображении страницы в IE он не всегда знает размеры элементов и поэтому догадывается, куда они должны идти.

Когда вы запускаете: hover, страница перекрашивается, и, поскольку все теперь отображается, IE лучше понимает размеры элементов. Это заставляет его перемещать элементы в правильное положение.

Мне посчастливилось исправить его, добавив границы ко всем предшествующим элементам и увидев, какой из них перемещается, а затем убедившись, что hasLayout запущен на нем с исправлением height: 1% или zoom: 1

У меня даже был случай, когда курсив вызвал это, так как курсивный текст дает IE горе .

Answer 4

у вас есть позиция: относительно где-то в вашем коде? если вы делаете, проверьте этот пост: http://nirlevy.blogspot.com/2008/08/misplaced-elements-with.html