Не обтекает текст HTML/CSS УРОК 50

Михаил27 февраля 2018 г.2 ответов

В 50 уроке после тега <img> пишем описани текста, в стилях указываем float:left и он должен обтекать картинку. Проблема в том,что если в строке написать больше символов, то он не обтекает, а располагается снизу и залазит на блок с рейтингом фильмов..если написать меньше символов в одной строке, то все работает.

Пример:

РАБОТАЕТ

<div class="description_film">
    <img src="assets/img/inter.png" alt="">
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa                 
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>

НЕ РАБОТАЕТ

<div class="description_film">
    <img src="assets/img/inter.png" alt="">
  aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaаааааааааааааааааааааааааааааааааааааа
 aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaаааааааааааааааааааааааааааааааааааааа              
</div>

2 ответов

В этом задании html посмотрите. Попробуйте вставить много текста в блок:

<h2>Описание Интерстеллар</h2>
<div class="descriptions_film">
    <img src="/source_courses/html_css_images/inter.png">

    Когда засуха приводит человечество к продовольственному кризису, коллектив 
    исследователей и учёных отправляется сквозь червоточину (которая предположительно 
    соединяет области пространства-времени через большое расстояние) в путешествие, чтобы 
    превзойти прежние ограничения для космических путешествий человека и переселить 
    человечество на другую планету.
				
    Когда засуха приводит человечество к продовольственному кризису, коллектив 
    исследователей и учёных отправляется сквозь червоточину (которая предположительно 
    соединяет области пространства-времени через большое расстояние) в путешествие, чтобы 
    превзойти прежние ограничения для космических путешествий человека и переселить 
    человечество на другую планету.
				
    Когда засуха приводит человечество к продовольственному кризису, коллектив 
    исследователей и учёных отправляется сквозь червоточину (которая предположительно 
    соединяет области пространства-времени через большое расстояние) в путешествие, чтобы 
    превзойти прежние ограничения для космических путешествий человека и переселить 
    человечество на другую планету.
				
    Когда засуха приводит человечество к продовольственному кризису, коллектив 
    исследователей и учёных отправляется сквозь червоточину (которая предположительно 
    соединяет области пространства-времени через большое расстояние) в путешествие, чтобы 
    превзойти прежние ограничения для космических путешествий человека и переселить 
    человечество на другую планету.
</div>

У меня обтекание картинки работает.

Я кстати иногда тоже сталкивался с тем, что когда писал код из видео неработало, но потом находил какой нибудь незакрытый тег или запятую не поставленную и начинало работать.

student_zhO6Hwd_27 июня 2026 г.▲ 2

Спасибо за ответ, с кодом все в порядке, но я заметил одно, что если писать текст без пробелов, то обтекание не работает, с пробелами все хорошо

Михаил27 июня 2026 г.▲ 2

Ваш ответ

Войдите, чтобы ответить