Почему положение div отличается, когда размер браузера изменяется до определенного размера? - PullRequest
Новая
       17

Почему положение div отличается, когда размер браузера изменяется до определенного размера?

2 голосов
/ 10 марта 2011

См. Рабочий пример на http://jsfiddle.net/xqwqH. У меня есть зеленый div внутри красного div.Зеленый div позиционируется с помощью jQuery postion ().Если я изменю размер браузера, чтобы нижний край находился внутри зеленого квадрата, и обновляю страницу (см. Пример ниже), зеленый квадрат перемещается в другое место.Я думал, что это ошибка в браузере, но когда он работал одинаково в IE8, FF и Chrome, кажется, что это нормальное поведение.

Почему div изменяет позицию, когда окно браузера изменялось таким образом?

Part of screen capture

1 Ответ

3 голосов
/ 10 марта 2011

Попробуйте добавить столкновение: «нет» в список аргументов для позиции. т.е. 

$(document).ready(function() {
         $('#div1').position({
             my: "left top",
             at: "left top",
             of: $('#wrapper'),
             offset: "40 10",
             collision: "none"
         });
 });

См. Документацию jquery:

http://docs.jquery.com/UI/Position

...