ბლოკური ელემენტის მარცხნიდან გადაწევით გასწორება CSS-ში

მნიშვნელობა auto margin-ისთვის სინამდვილეში შეუძლია არა მხოლოდ ცენტრში მოქცევა. ფაქტობრივად, ეს მნიშვნელობა საშუალებას აძლევს გამოთვალოს გადაწევა ავტომატურად და გახადოს ის მაქსიმალურად შესაძლო. როდესაც ჩვენ ვსვამთ auto-ს მარცხენა და მარჯვენა გადაწევებისთვის - ელემენტი ცენტრშია მოქცეული.

თუმცა, შესაძლებელია მხოლოდ მარცხენა გადაწევის მიცემა. ამ შემთხვევაში ელემენტი მიიღებს მაქსიმალურად შესაძლო გადაწევას მარცხნიდან და დაიკავებს უკიდურეს მარჯვენა პოზიციას:

html<div class="parent">
  <div class="child"></div>
</div>

css.parent {
  padding: 10px 0;
  border: 1px solid red;
}
.child {
  margin-left: auto; /* ვაყენებთ ავტომატურ მარცხენა გადაწევას */
  height: 100px;
  width: 200px;
  border: 1px solid green;
}

Результат: