box-sizing border-box 的理解

http://blog.csdn.net/isaisai/article/details/20449827

-webkit-box-sizing: border-box; 则div 设置的宽高将包含边框及 padding

<!DOCTYPE html>
<html>
<head>
    <title>box-sizing</title>
    <style type="text/css">
        .testdiv{
            padding: 10px;;
            width:100px;
            border: 10px solid
        }
    </style>
</head>
<body >
<div class="testdiv" > 普通</div>
<div class="testdiv" style=" -webkit-box-sizing: border-box;">
    特殊
</div>
</body>
</html>