Html 为什么定位:绝对;将放大测试div';她身高多少?

Html 为什么定位:绝对;将放大测试div';她身高多少?,html,css,Html,Css,div.test设置为自动高度,没有固定高度 .test{ 顶部:0px; 右:0px; 底部:0px; 左:0px; 背景:黄色; 宽度:200px; 高度:自动; 填充:10px; } 这是我的div的测试信息。 尝试使用最大高度:以确保其放大不会超过您的预期。在第一种情况下,div的位置是静态的,因此上/右/下/左属性不适用。一旦将位置更改为绝对,这些属性现在将被考虑在内。正是bottom属性导致div展开。尝试删除底部:0从代码中,您将看到div折叠回其内容高度: .test{ 排

div.test设置为自动高度,没有固定高度

.test{
顶部:0px;
右:0px;
底部:0px;
左:0px;
背景:黄色;
宽度:200px;
高度:自动;
填充:10px;
}

这是我的div的测试信息。

尝试使用
最大高度:
以确保其放大不会超过您的预期。

在第一种情况下,div的
位置是
静态的
,因此上/右/下/左属性不适用。一旦将位置更改为
绝对
,这些属性现在将被考虑在内。正是
bottom
属性导致div展开。尝试删除
底部:0从代码中,您将看到div折叠回其内容高度:

.test{
排名:0;
右:0;
左:0;
背景:黄色;
宽度:200px;
高度:自动;
填充:10px;
位置:绝对位置;
}
这是我的div的测试信息。