чехарда с блоками

  • 2 Ответов
  • 180 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

Оффлайн tao2en

чехарда с блоками
« : 13.03.2017, 05:25:24 »
Есть страница товара (см. вложение 1.jpg), на ней блок изображения 1, блок с ценами 2, блок с описанием 3.
1-й блок-изображение заключен в тег <div>, 2-ой блок-цены тоже заключен в тег <div> к которому прописан float: left и width: 50%, 3-ий блок-описание заключен в тег <p>.
Проблема в том, что при просмотре страницы на более маленьких мониторах, все блоки ползут (см. вложение 2 и 3). Как это исправить? Как прописать, чтобы 3-ий блок-описание при уменьшении изображения не залезал на место 2-ого и всегда был после 2-ого?
« Последнее редактирование: 13.03.2017, 13:58:30 от tao2en »

*

Оффлайн almika

Re: чехарда с блоками
« Ответ #1 : 13.03.2017, 06:18:27 »
Надо для блока описания задать clear: both;

*

Оффлайн tao2en

Re: чехарда с блоками
« Ответ #2 : 13.03.2017, 12:30:05 »
Надо для блока описания задать clear: both;
Офигеть как всё просто), а я голову ломал. Огромное спасибо!