在firefox和chrome中内容溢出时自动调整标签大小

Question

我正在将内容放置在<p>标记中。

我最初指定了<p>标记的宽度和高度。当内容动态添加时，内容可能会很大并且会溢出到<p>标记。

但我观察到IE浏览器会在内容溢出时自动增加<p>的大小。但是其他浏览器的内容会附加在<p>标签之外。

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

Answer 1

设置一个最小宽度和最小高度的<p>标签，而不是高度和宽度：IE的

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

早期版本将会将忽略这些属性...所以你需要继续设置的高度和宽度在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); 
}