автоматическое изменение размера тега при переполнении контента в Firefox и Chrome

Question

Я размещаю контент в теге <p>.

Я изначально указал ширину и высоту тега <p>. Когда содержимое добавляется динамически, содержимое может быть большим и переполняется тегом <p>.

Но я заметил, что в случае IE он автоматически увеличивает размер <p> при переполнении контента. Но если содержимое других браузеров будет добавлено за пределы тега <p>.

Какое решение для этих браузеров для автоматического изменения размера тега?

Answer 1

Установите минимальную ширину и минимальную высоту для тегов <p> вместо высоты и ширины:

p {
    min-height: 100px;
    min-width: 100px;
}

Более ранние версии IE будут старательно игнорировать эти свойства ... поэтому вам нужно будет продолжить установку высоты и ширины в таблице стилей только для IE :

p {
    /* behaves like min-height in IE */
    height: 100px; 

    /* min-width css expression */ 
    width: expression(this.width < 101 ? "100px" : this.width);  
}