底部填充，不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>

工作這就是它看起來像右NOW-

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; 
} 

UPDATE：

在你這也適用。