Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 具有指定高度(CSS)的div能否自动缩放?_Html_Css - Fatal编程技术网

Html 具有指定高度(CSS)的div能否自动缩放?

Html 具有指定高度(CSS)的div能否自动缩放?,html,css,Html,Css,我将div设置为高度:100px;宽度:50px,但是当div的内容动态变化时,我想让高度适应变化 我该怎么办?最简单的方法是 min-height: 100px; 这将把div的最小高度设置为100px,但允许它随着内容的增长而增长。最小高度是一个很好的做法。另外,不要用“px”来表示高度,而是用“em”来表示当前字体的大小。正如其他人所说,最小高度和最小宽度是您所需要的。这是一条css规则,应用如下: #someDivName { min-height: 100px; min-width

我将div设置为高度:100px;宽度:50px,但是当div的内容动态变化时,我想让高度适应变化

我该怎么办?

最简单的方法是

min-height: 100px;

这将把div的最小高度设置为100px,但允许它随着内容的增长而增长。

最小高度是一个很好的做法。另外,不要用“px”来表示高度,而是用“em”来表示当前字体的大小。

正如其他人所说,最小高度和最小宽度是您所需要的。这是一条css规则,应用如下:

#someDivName {

min-height: 100px;
min-width: 50px;

}

现在你的div将是100px乘以50px,但是如果里面的内容更大,它将适应变化。就像我之前提到的其他人一样,min属性在IE6中不起作用,但不管怎样,谁还会关心IE6呢。甚至像youtube这样的主要网站也停止了对它的支持。

此外,在IE6中,height属性的作用类似于minheight(容器的高度随内容缩放,而不是溢出到其他元素之上)。如果指定的溢出属性不是visible,则它将正常工作。