Как изменить размер моей статьи в зависимости от изображения?

0

Я только что создал некоторые статьи в файле HTML5. Эти статьи содержат изображения. У статей также есть граница внизу. Теперь у меня есть эта проблема: всякий раз, когда вы меняете размер окна, чтобы сделать его больше, изображения выходят за границу. Я хочу, чтобы граница изменилась с изображением.

Вот пример того, как выглядит статья на моей странице:

<article>
  <p>
    <img image />
  </p>
  <p>
    text
  </p>
</article>

П-тег с изображением внутри поплавков слева, p-tag с текстом плавает рядом с ним.

Чтобы быть более ясным: я хочу, чтобы тег статьи изменялся в соответствии с высотой изображения.

  • 0
    Можете ли вы опубликовать свой CSS и / или jsfiddle.net?
  • 0
    Мой вопрос станет неясным. Это слишком много CSS и Html. Все, что я хочу, это тег выше, чтобы изменить размер с тегом ниже. Поэтому я хочу, чтобы высота тега статьи изменилась до высоты тега p или img.
Показать ещё 4 комментария
Теги:
tags
image

1 ответ

2
Лучший ответ

Просто догадываясь, не увидев рабочий пример или какой-либо из ваших CSS, но добавляя overflow: auto для элемента article приведет к тому, что он будет содержать своих плавающих дочерних элементов:

article  {
  overflow: auto;
}

Пример, который может или не может быть связан с CSS, мы не можем видеть: http://codepen.io/paulroub/pen/opnfG

  • 0
    Техническое объяснение состоит в том, что он создает новый контекст форматирования блока
  • 0
    О, отлично! Я новичок в HTML, поэтому я не знал об этом. Это будет полезно во многих отношениях! Большое спасибо, человек!
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню