Как работают верхний левый и правый атрибуты CSS?
Мне было интересно, что логика была заCSS атрибуты дляtop
, left
bottom
а такжеright
.
например, если бы я должен был сделать следующее:
img {
position:absolute;
right:5px;
}
это установит правый край изображения на 5 пикселей слева от правого края содержащего его элемента.
что я хорошо понимаю, и синтаксис имеет смысл, однако, где я немного запутался, если бы я должен был установить его так:
img {
position:absolute;
right:0px;
}
Он должен установить правый край изображения слева от правого края содержащего его элемента, но мне кажется странным синтаксис, который я должен указатьright:0px;
.
Мне было просто любопытно, почему это работает таким образом, и не в формате, аналогичномfloat:right;
или жеposition:right;