Форум сайта MyRusakov.ru

Здравствуйте!
Возникла такая проблема, почему-то не работает групповой селектор с абсолютным позиционированием.
Может кто знает в чем причина?

#div1, #div2 {
background: #f00;
height: 200px;
width: 2px;
position: absolute;
top: 30px;
left: 100px;
}

#div2 {
right: 100px;
}

А если написать так как ниже, то все работает

#div1 {
background: #f00;
height: 200px;
width: 2px;
position: absolute;
top: 30px;
left: 100px;
}

#div2 {
background: #f00;
height: 200px;
width: 2px;
position: absolute;
top: 30px;
right: 100px;
}

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

Михаил! Спасибо! Понял. Я сперва подумал, что в позиционировании используется либо left, либо right - и в этом случае будет использоваться свойство написанное в коде ниже. Но ведь left и right это разные свойства. поэтому на right позиционирование не перешло.