Я только что создал некоторые статьи в файле HTML5. Эти статьи содержат изображения. У статей также есть граница внизу. Теперь у меня есть эта проблема: всякий раз, когда вы меняете размер окна, чтобы сделать его больше, изображения выходят за границу. Я хочу, чтобы граница изменилась с изображением.
Вот пример того, как выглядит статья на моей странице:
<article>
<p>
<img image />
</p>
<p>
text
</p>
</article>
П-тег с изображением внутри поплавков слева, p-tag с текстом плавает рядом с ним.
Чтобы быть более ясным: я хочу, чтобы тег статьи изменялся в соответствии с высотой изображения.
Просто догадываясь, не увидев рабочий пример или какой-либо из ваших CSS, но добавляя overflow: auto
для элемента article
приведет к тому, что он будет содержать своих плавающих дочерних элементов:
article {
overflow: auto;
}
Пример, который может или не может быть связан с CSS, мы не можем видеть: http://codepen.io/paulroub/pen/opnfG