Я загружаю сообщения блога из API JSON блоггера на свою страницу. Сообщения имеют формат HTML. Некоторые сообщения содержат плавающий контент; например, изображение перемещается влево, а текст справа короче изображения. Заголовок и дата поста под ним также сдвинуты вправо. Я помню, что в CSS существовал эзотерический способ изолировать float внутри div. Не помню как. И я даже не помню, как это называется. Искал весь день. Есть идеи?




    Sandy Reads - News
    
    
    


    

Jordan

Ответов: 1

Ответы (1)

Вы, вероятно, думаете о overflow: hidden, но к какому элементу вы его примените, зависит от того, как выглядит ваша разметка. Я могу посоветовать вам применить его к родительскому элементу с плавающей точкой, но если содержимое, которое отодвигается в сторону, появляется в этом же родительском элементе, это не поможет.

Хорошо, ваш скрипт генерирует сообщения в серии элементов li.post. Контент отображается в div после заголовка и даты. Вы можете установить li.post для очистки числа с плавающей запятой или применить overflow: hidden к div. (После даты публикации есть ложный конечный тег

, который вы, возможно, захотите учесть.)

2022 WebDevInsider