底部填充不适用于div

Question

#Text {
    font-size: 60px;
    text-align: center;
    margin: 0 auto;
    background: white;
    width: 750px;
    height: 750px;
    padding-bottom: 2cm;
}

<div id="Text">
  I am groot!
</div>

这就是它现在的样子 -

Right now

Answer 1

你的海拔很高。您可以移除高度，然后运行填充或提供超过750像素，而不是2厘米。

#Text {
    font-size: 60px;
    text-align: center;
    margin: 0 auto;
    background: white;
    width: 750px;
    height: 750px;
    padding-bottom: 1200px;
    background-color: red;
}

或

#Text {
    font-size: 60px;
    text-align: center;
    margin: 0 auto;
    background: white;
    width: 750px;
    padding-bottom: 200px;
    background-color: red;
}

<强>更新

在你身上它也有效。