CSS Как двигаться вверх по блоку?

Question

Примените пожалуйста, как удалить расстояние между блоками? Третий блок принадлежал первому. Из-за свойств float 3rd после второго начинается. И я не могу понять, как сделать это было выше.

Answer 1

Проблема состоит в том, что блоки из строя. То, что вы называете # 4, представляется рендерингом до # 3. Это означает, что ясно: прямо на нем заставляет описание вниз.

Чтобы исправить это, измените порядок отображаемого HTML, как показано на скриншоте ниже из инструментов dev. Перетаскивание .desc.std над .product-secondary решает проблему.

Answer 2

Вы должны дать margin:0 к .price-box и .desc.

Проблема:.desc толкает .desc вниз, однако, вы можете использовать приведенные ниже правила.

.products-list .product-shop .price-box { 
    margin: 0; 
} 

.products-list .product-shop .desc { 
    margin-top: 0; 
} 

Answer 3

Набор float: none; к .desc элементы