Верхний промежуток перемещает нижний промежуток ... Почему это

Question

У меня есть эта страница , над которой я работаю, и, как вы можете видеть, есть четыре изображения ... если вы посмотрите на левую нижнюю booda ... у нее есть две ссылки: Booda dog и view Booda кошки. Если вы щелкнете верхнюю, нижняя ссылка переместится влево ... я на всю жизнь не могу понять, как это исправить. Я использую положение релевантно. Вот некоторые из моих css

.booda a.button_below {
        left: 107px;
    position: relative;
    top: 64px;
}

.entry .booda a.button {
 position: relative;
    right: 13px;
    top: 31px;
}

есть другие css, если вы просматриваете их в firebug

любая помощь будет принята с благодарностью ... заранее спасибо

Answer 1

Не используйте position: relative с top и right.Используйте position: relative для их контейнера, а затем position: absolute для этих span s.

Answer 2

Я не уверен, что именно происходит, но изменение нижнего класса кнопок с button_below на button и присвоение ему clear:right исправило это для меня.

Надеюсь, это приблизит вас к решению!

Answer 3

Мне кажется, что это связано с изменением размера текста при выделении ссылки.

При выборе верхнего диапазона диапазон увеличивается, а нижний диапазон смещается для правильного выравнивания.

Попробуйте выровнять пролеты справа, а не слева.

РЕДАКТИРОВАТЬ: Чтобы выровнять диапазон вправо, вы можете добавить это к вашим текущим тегам диапазона.

position: absolute; right: 0;

Но вы должны перейти в абсолютную позицию. Чтобы продолжить использовать относительное позиционирование, вы можете обернуть пролеты в один контейнер с position: relative