box-sizing，这个属性可以定义元素盒子的解析方式，从而可

10年积累的做网站、网站建设经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站制作后付款的网站建设流程，更有细河免费网站建设让你可以放心的选择与我们合作。

以选择避免掉布局元素盒子增加内边距和边框的长度增减问题。

//设置 border-box 让 border 和 padding 不在额外增加元素大小
aside {
width: 200px; height: 500px;
background-color: purple; padding: 10px;
border: 5px solid red; box-sizing: border-box; float: left;
}

box-sizing 是 CSS3 推出的，各个厂商在实现时设置了私有前缀。

//完×××式
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box; box-sizing: border-box;

resize
CSS3 提供了一个 resize 属性，来更改元素尺寸大小。

一般普通元素，默认值是不允许的。但如果是表单类的 textarea 元素，默认是允许的。而普通元素需要设置 overflow:auto，配合 resize 才会出现可拖拽的图形。

//允许修改aside {
resize: both; overflow:auto;
}

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

本文名称：Borderbox-sizingresize-创新互联
文章起源：http://pwwzsj.com/article/dgcpgs.html