Почему кнопки выравниваются на разном расстоянии?

Question

[Максим Шадрин]

Обе кнопки должны отступать на 5% от контейнера, ширина контейнера идентична, но кнопки отступают на разное расстояние.
Сначала я подумал, что есть какая-то особенность в position: absolute, и что right:5% и margin-right:5%, это разные вещи. Специально вторую кнопку обернул в контейнер, также спозиционировал ее абсолютно и прописал ей идентичные первой свойства, не поменялось ровным счетом ничего. Не могу врубиться, что не так.

сайт здесь

Answer 1

[Donald Dak]

Ну если не менять position у нижней кнопки тогда сделайте 2.7%

.about-us a.read-more {
  float: right;
  margin: 20px 2.7% 20px 0;

а если поменять хотите можно так у кнопки

.about-us a.read-more {
  position: absolute;
  right: 5%;

и у дива с классом .container

.container {
  position: relative;
  margin-bottom: 7%;

Answer 2

[Dmitry Vashkevich]

position: absolute происходит без учета внутреннего отступа .container (padding-right: 15px)
margin - делает отступ учитывая его.

Comments

[Максим Шадрин]

я делал обе кнопки через position: absolute, результат был таким же.

[Donald Dak]

makc9I: как таким же? вот гляньте на скрин в ответе моем

[Dmitry Vashkevich]

makc9I: не может такого быть prntscr.com/a0ktr9

[Максим Шадрин]

извиняюсь, видимо я где-то накосячил, когда так делал