padding- top 在原有的基础上进一步的扩张
margin - top 在原有的位置上发生上下的平移
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div style="border: 1px solid red; height:100px"> <!--<div style="height: 20px ; padding-top: 30px; background-color: #f25022"></div>--> <div style="height: 20px ; margin-top: 30px; background-color: #f25022"></div> </div> </body> </html>