本文介紹了css3中的box-sizing屬性，在這之前讀者需要預備知識width的範圍。

瀏覽器的支持情況

box-sizing屬性

box-sizing屬性可以有三個值：content-box（defalut），border-box屬性。

1. content-box，border和padding不計算入width之內。
2. border-box，border和padding計算入width之內。

  <style>
      div{
        width:100px;
        height:100px;
        border:20px solid yellow;
        padding:20px;
        background:green;
        background-clip:content-box;

      }
      .content-box{
        box-sizing:content-box;
        }
      .border-box{
        box-sizing:border-box;
      }
    </style>

效果截圖：