Тобто якщо в тебе один блок із float: left, а другий із float:right, вони розташовуються на одному рівні, один праворуч, а другий зліва. Якщо одному з них поставити clear:both, він опуститься внизтому, що його з іншого боку обтікає другий.
При позитивному значенні bottom елемент піднімається вгору, при негативному опускається вниз.
Суть у тому, що дочірній елемент спочатку має бути прихований із нижньої частини, а потім плавно виїжджає нагору. Для цього використовую якість: 5%; Щоб опустити елемент вниз, можна застосувати властивість bottom: autoАле в такому випадку не буде працювати анімація.