Բլոկային տարրի ձախ տարածությամբ հավասարեցում 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;
}

Результат: