尺寸限制与内边距

article {
            border: solid 1px #ddd;
            width: 500px;
            height: 500px;
            padding: 20px;
            box-sizing: border-box; // 这个盒子大小固定，包括边框也算在内，如果没有这一句，那么当增大padding时盒子会自动变大,默认值是content-box，当内容变大时边框跟着外扩
        }

        div {
            padding: 10px 20px 30px 40px;
        }
<article>
    <div>
         hehe gunsmoke
     </div>
</article>