设置标准盒子和怪异盒子-阿里云开发者社区

开发者社区> 云计算> 正文
登录阅读全文

设置标准盒子和怪异盒子

简介:

 .div3{
           width: 200px;
           height: 200px;
           overflow: hidden;
           resize: both;
           border: 1px darkgrey solid;
           /*定义一个div用户可以放大该div,只有resize设置为both才生效*/
           box-sizing: content-box;

           /*box-sizing: content-box;设置盒子模型为标准模型,设置width为200px,不包含                           border,margin,padding,*/
       /*box-sizing: border-box;设置为怪异模型,包含border,margin,padding*/
       }



     <div class="div3">
        /*定义一个div用户可以放大该div,只有resize设置为both才生效*/
        <hr>
        /*box-sizing: content-box;设置盒子模型为标准模型,设置width为200px,不包含                           border,margin,padding,*/
        /*box-sizing: border-box;设置为怪异模型,包含border,margin,padding*/
    </div>



 本文转自 matengbing 51CTO博客,原文链接:http://blog.51cto.com/matengbing/1876122

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享: