как изменить высоту div, чтобы покрыть текстовую область (CSS)

Question

Оригинальный код CSS http://www.faressoft.org/BlueCristalTheme/postView.php

Результат должен быть

Answer 1

здесь происходит несколько вещей:

• div вашего комментария имеет фиксированную высоту 100px
• все элементы внутри этого div абсолютно позиционированы, что выводит их из нормального потока документа, что приводит к тому, что div, содержащий комментарий, не может переноситься / растягиваться, чтобы поместиться вокруг потомков
• используйте float или просто удалите позиционирование для большего контента, который выглядит как второй <p>. используйте поля для позиционирования <p>, см. ниже

Мне удалось решить проблему, изменив ваш CSS следующим образом:

#comments .commentBox { /* style.css line 483 */
background-color:#DCDCDC;
/*height:100px; --removed this */
min-height:100px;
position:relative;
}

#comments .commentBox .comment-content { /* style.css line 523 */
color:#676767;
font-size:0.91em;
font-weight:bold;
line-height:24px;
margin:52px 92px 0 0; /* -- added this */
/* -- removed these
position:absolute;
right:95px;
top:52px;
width:570px;
*/
}

Answer 2

Вы хотите взломать clearfix.

Добавьте это в свою таблицу стилей:

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

Затем добавьте class="clearfix" к вашему div (или clearfix к существующему классу div)и он должен правильно очистить этот текст.