Как сделать такое позиционирование?

Question

[Bazliter]

У меня есть блок с логотипами, есть контейнер.
Как прижать блок в правую сторону, при этом все логотипы(контент) были в контейнере как показано на картинке?

Answer 1

[ReActor Дмитрий Вершанский]

.block {
    position: absolute;
    top: (N)px/%;
    right: 0;
}

,
где N - необходимая величина отступа в фиксированных значениях (px), или относительных (%)

Comments

[Bazliter]

Мне нужно, чтобы контент был в контейнере и сам блок(левая сторона) не выходил из-за него

[ReActor Дмитрий Вершанский]

Bazliter, если контент, в данном случае ваши img с лого, содержаться в дочернем к основному контейнеру, к которому применено абсолютное позиционирование, то и все его "дочки" не выпадут за его пределы.

[ReActor Дмитрий Вершанский]

Bazliter, предоставьте код в песочнице и Вам смогут пояснить, опираясь на Ваши возможные упущения в нем

[Bazliter]

<div class="clients">
      <div class="container clients-container">
        <div class="clients-wrapper">
          <div class="clients-item">
            <img src="images/clients-1.png" alt="Client logo">
          </div>
          <div class="clients-item">
            <img src="images/clients-2.png" alt="Client logo">
          </div>
          <div class="clients-item">
            <img src="images/clients-3.png" alt="Client logo">
          </div>
          <div class="clients-item">
            <img src="images/clients-4.png" alt="Client logo">
          </div>
        </div>
      </div>
    </div>

.clients {
  transform: translateY(-103px);
  right: 0;
  position: absolute;
  background-color: #fff;
  box-shadow: 50px 50px 100px rgba(0, 0, 0, 0.145947);
  border-radius: 2px;
}

.clients-container {
  
}

.clients-wrapper {
/*  position: absolute;*/
  width: 100%;
/*  transform: translateY(-103px);*/
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 60px 0 55px 65px;
/*
  background-color: #fff;
  box-shadow: 50px 50px 100px rgba(0, 0, 0, 0.145947);
  border-radius: 2px;
*/
}

[Bazliter]

Re{Actor} Дмитрий Вершанский Я многое стер, подскажи как лучше, код выше

[ReActor Дмитрий Вершанский]

Bazliter, https://jsfiddle.net/t4g56csy/

[Bazliter]

Re{Actor} Дмитрий Вершанский, к сожалению не получилось

[Bazliter]

Re{Actor} Дмитрий Вершанский, Контент не в контейнере

[ReActor Дмитрий Вершанский]

Bazliter, о каком контенте не в контейнере, Вы ведёте речь???