                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础 (一)—样式篇

css中加了内边距却不增加块状元素总宽如何设置

麻烦举例说明

油泼裤带面

2017-02-15

源自：jQuery基础 (一)—样式篇 1-3

关注问题我要回答

1901

操作

收起

1 回答

慕粉0017343883 回答被采纳 +3 积分
2017-02-16

<html>
    <head>
        <title></title>
        <style>
            div{
                width: 40px;
                height: 20px;
                box-sizing: border-box;
                border: 4px solid #222;
            }
        </style>
    </head>
    <body>
        <div></div>
    </body>
</html>

//box-sizing: border-box;用边框来作为width的衡量标准，则增加padding或border大小不会影响块状元素的大小，只会压缩content大小。。该属性默认值是content-box。