Css 在div内填充div顶部

我有个很奇怪的问题。我想做矩形中的矩形，但不知道为什么，我不能设置内矩形的填充顶部。谁能告诉我为什么

#{
宽度：260px；
高度：440px；
背景色：#4084dd；
边界半径：10px；
}
#竖立{
宽度：200px；
高度：60px；
背景色：鬼影白；
边界半径：10px；
保证金：50px自动；
}

计算器
作为

#{
宽度：160px；
高度：440px；
背景色：#4084dd；
边界半径：10px；
}
#竖立{
宽度：100px；
高度：60px；
背景色：鬼影白；
边界半径：10px；
保证金：50px自动；
}
.page{显示：内联块；}
#外部ECT2{
宽度：160px；
高度：440px；
背景色：#4084dd；
边界半径：10px；
填充顶部：20px；
}
#内部安装2{
宽度：100px；
高度：60px；
背景色：鬼影白；
边界半径：10px；
保证金：0自动；
}
#局外人3{
宽度：160px；
高度：440px；
背景色：#4084dd；
边界半径：10px；
}
#内部安装3{
宽度：100px；
高度：60px；
背景色：鬼影白；
边界半径：10px；
保证金：0自动；
填充顶部：20px；
}
#内部安装4{
宽度：100px；
高度：60px；
背景色：鬼影白；
边界半径：10px；
保证金：50px自动；
}
#内部安装5{
宽度：100px；
高度：60px；
背景色：鬼影白；
边界半径：10px；
保证金：0自动；
}

内直边
外矩形上的填充
内矩形上的填充
内直边
内部矩形上没有边距或填充

#{
宽度：160px；
高度：440px；
背景色：#4084dd；
边界半径：10px；
}
#竖立{
宽度：100px；
高度：60px；
背景色：鬼影白；
边界半径：10px；
保证金：50px自动；
}
.page{显示：内联块；}
#外部ECT2{
宽度：160px；
高度：440px；
背景色：#4084dd；
边界半径：10px；
填充顶部：20px；
}
#内部安装2{
宽度：100px；
高度：60px；
背景色：鬼影白；
边界半径：10px；
保证金：0自动；
}
#局外人3{
宽度：160px；
高度：440px；
背景色：#4084dd；
边界半径：10px；
}
#内部安装3{
宽度：100px；
高度：60px；
背景色：鬼影白；
边界半径：10px；
保证金：0自动；
填充顶部：20px；
}
#内部安装4{
宽度：100px；
高度：60px；
背景色：鬼影白；
边界半径：10px；
保证金：50px自动；
}
#内部安装5{
宽度：100px；
高度：60px；
背景色：鬼影白；
边界半径：10px；
保证金：0自动；
}

内直边
外矩形上的填充
内矩形上的填充
内直边
内部矩形上没有边距或填充

#{
宽度：260px；
高度：440px；
背景色：#4084dd；
边界半径：10px；
}
#竖立{
宽度：200px；
高度：60px；
背景色：鬼影白；
边界半径：10px；
保证金：50px自动；
填充顶部：30px；
}

计算器
作为

#{
宽度：260px；
高度：440px；
背景色：#4084dd；
边界半径：10px；
}
#竖立{
宽度：200px；
高度：60px；
背景色：鬼影白；
边界半径：10px；
保证金：50px自动；
填充顶部：30px；
}

计算器
作为

YAS，这就是解决方案：）但为什么它与inside中声明的“padding top”一起工作呢？因为padding在元素内部。因此，将

padding top

添加到内部矩形会将其内部的“as”向下移动。YAS，这就是解决方案：）但为什么它与inside中声明的“padding top”一起工作？因为padding在元素内部。因此，将

padding top

添加到内部矩形会向下移动其中的“as”。