网站首页 编程技术 正文

设置标准盒子和怪异盒子

2023-05-17编程技术137195


 .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>

本文地址：https://www.ufcn.cn/tutorials/2645299.html

如非特殊说明，本站内容均来自于网友自主分享，概不代表本站观点，如有任何问题我们都将在收到反馈后的第一时间进行处理！