底部填充不适用于div

时间:2017-08-22 23:49:26

标签: html css css3 padding

#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

1 个答案:

答案 0 :(得分:0)

你的海拔很高。您可以移除高度,然后运行填充或提供超过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;
}

<强>更新

在你身上它也有效。