                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /CSS深入理解之padding

老濕，當padding的top和bottom值超過了元素的height時，文字會如何顯示呢

.demo{
?width:?300px;
?height:?200px;
?padding:?300px;
?border:?5px?solid?blue;
?margin:?20px;
?background:?#fee;
?box-sizing:?border-box;
}
<div?class="demo">
內(nèi)邊距區(qū)域padding?area?用內(nèi)容及可能的邊框之間的空白區(qū)域擴展內(nèi)容區(qū)域。它位于內(nèi)邊距邊界內(nèi)部，通常有背景——顏色或圖片（不透明圖片蓋住背景顏色）.?它的大小為?padding-box??寬與?padding-box?高。
內(nèi)邊距與內(nèi)容邊界之間的空間可以由?padding-top,?padding-right,?padding-bottom,?padding-left?和簡寫屬性?padding?控制。
邊框區(qū)域border?area?是包含邊框的區(qū)域，擴展了內(nèi)邊距區(qū)域。它位于邊框邊界內(nèi)部，大小為?border-box??寬和?border-box?高。由?border-width?及簡寫屬性?border控制。
外邊距區(qū)域margin?area用空白區(qū)域擴展邊框區(qū)域，以分開相鄰的元素。它的大小為??margin-box?的高寬
</div>

在這個例子中，文字會向下溢出content area部分到padding部分，不知道原因百思不得其解啊