                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /企业网站综合布局实战

盒子与盒子嵌套问题一直不懂，有没有大神解决啊？头皮想的发麻了！

新手自学，想请问一下，一个div里面包着一个html标签，那么标签是算盒子呢，还是算div盒子里面的内容，一直没懂？我给一个div定义一个宽和高，是定义的盒子的还是内容区域的呢？

从小就很帅0_0

2017-02-26

源自：企业网站综合布局实战 3-11

关注问题我要回答

3367

操作

收起

3 回答

Resen4983
2017-04-02

块级元素(block)和行内元素(inline)都是盒子模型,只不过是display特性不同,display为block时可以设置宽高,为inline时不可以.

再回答你的具体问题:<p>是一个盒子模型,如果把<p>嵌套在<div>里,那么<p></p>同时也是<div>的内容.如果你设置成<p style="diplay:block"></p>那么它也就可以设置宽高了.

顺便再给你一个提升盒子模型认识的文章:[css盒子模型理解] (https://segmentfault.com/a/1190000005155084#articleHeader10)

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

收起回答

鹰击长空
2017-02-27

至于你说的盒子嵌套，直白点说就是指盒子里面再放盒子。举个栗子：就好比你在京东超市买了几个货物，快递到了。你会发现所有东西装在一个大盒子里，里面有几个小盒子，可能小盒子里还有盒子，这就是盒子嵌套。还比如小时候玩过的俄罗斯套娃，每层就像是一个盒子，盒子里面可以有很多盒子，一层套一层。

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

收起回答

鹰击长空
2017-02-27

每一个div就是一个盒子，div里面包含的标签是盒子的内容部分，你定义的是盒子整体的宽和高，盒子还有外边距margin，内填充padding和边框border属性；外边距是指盒子与盒子间的距离，内填充指的是内容与边框的距离。盒子模型一般情况下考虑四部分：分别是外边距，边框，内填充和内容，这四个一起组成了盒子（对于背景暂时先不考虑）

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

收起回答

从小就很帅0_0 提问者

谢谢啊！盒子的定义我懂，不懂的是是块级元素都可以当作盒子，比如div里面包一个p标签，我就不知道该把p定义成盒子还是内容，父子级的关系还不是特别清楚。

2017-02-27 回复有任何疑惑可以回复我~