                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

这里设置div的width:100px height:100px是盒子整体(内容+内外边距+边框)？

那既然既定了盒子大小，为什么设置填充10px后，盒子又变大了？

进击的菜猿

2016-05-07

源自：初识HTML(5)+CSS(3)-升级版 12-12

关注问题我要回答

2656

操作

收起

7 回答

岫壑回答被采纳 +3 积分
2016-05-07

div的width:100px height:100px仅仅是内容的大小，而非盒子整体，

0 回复有任何疑惑可以回复我~

收起回答

进击的菜猿提问者
2016-05-08

在 CSS 中，width 和 height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸，但是会增加元素框的总尺寸。http://www.w3school.com.cn/css/css_boxmodel.asp

已解决。感谢各位。

0 回复有任何疑惑可以回复我~

收起回答

进击的菜猿提问者
2016-05-07

好像明白了，因为不设置padding的时。padding默认为0.

设置padding为10px后。原来的宽度就要加上padding了。

是这样吗？

0 回复有任何疑惑可以回复我~

收起回答

qq_BeyondSky_0
2016-05-07

盒子模型中宽的定义：宽度定义是width+padding+border

0 回复有任何疑惑可以回复我~

收起回答

胖猪头
2016-05-07

因为盒子整体的大小＝margin+padding+border+context

0 回复有任何疑惑可以回复我~

收起回答

慕粉3297577
2016-05-07

是内容加内边距加边框就是你看到的。填充就是内边距，内边距加10px 你说能不变大吗？

0 回复有任何疑惑可以回复我~

收起回答

Smile伊尊
2016-05-07

因为盒子整体=边距+边框+内容+填充

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1222816 人
解答问题 18211 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

本课相似问答

5 回答盒子中的内容怎么超出了外边框

7 回答盒子中内容不随边距而改变位置

2 回答内外边距？

2 回答边框里的内容怎么调整位置

4 回答在11-5“什么是盒模型”的教学视频里面说，元素的宽度=左边框+左内边距+内容宽+右内边距+右边框。为什么现在又说要再加上左右外边距？

搜索更多本课相关问答

这里设置div的width:100px height:100px是盒子整体(内容+内外边距+边框)？

我要回答关注问题

热搜

最近搜索清空

这里设置div的width:100px height:100px是盒子整体(内容+内外边距+边框)？

7 回答

本课相似问答

这里设置div的width:100px height:100px是盒子整体(内容+内外边距+边框)？