html - 当内容在 Firefox 和 Chrome 中溢出时自动调整标签大小

Question

我将内容放在 <p> 中标签。

我已经指定了 <p> 的宽度和高度标签初始。当内容动态追加时，内容可能很大，溢出到<p>标签。

但我观察到在 IE 的情况下它会自动增加 <p>发生内容溢出时的大小。但如果其他浏览器内容将附加到 <p> 之外标签。

这些浏览器自动调整标签大小的解决方案是什么？

Answer 1

在 <p> 上设置最小宽度和最小高度标签而不是高度和宽度:

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

早期版本的 IE 会忽略这些属性...因此您需要继续在 IE only style sheet 中设置高度和宽度:

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

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