盒子与盒子嵌套问题一直不懂，有没有大神解决啊？头皮想的发麻了！
来源：3-11 企业网站制作之新闻中心制作（二）
从小就很帅0_0
2017-02-26 23:15
新手自学，想请问一下，一个div里面包着一个html标签，那么标签是算盒子呢，还是算div盒子里面的内容，一直没懂？我给一个div定义一个宽和高，是定义的盒子的还是内容区域的呢？
写回答
关注
3回答
-
- Resen4983
- 2017-04-02 09:32:35
块级元素(block)和行内元素(inline)都是盒子模型,只不过是display特性不同,display为block时可以设置宽高,为inline时不可以.
再回答你的具体问题:<p>是一个盒子模型,如果把<p>嵌套在<div>里,那么<p></p>同时也是<div>的内容.如果你设置成<p style="diplay:block"></p>那么它也就可以设置宽高了.
顺便再给你一个提升盒子模型认识的文章:[css盒子模型理解] (https://segmentfault.com/a/1190000005155084#articleHeader10)
-
- 鹰击长空
- 2017-02-27 14:42:45
至于你说的盒子嵌套，直白点说就是指盒子里面再放盒子。举个栗子：就好比你在京东超市买了几个货物，快递到了。你会发现所有东西装在一个大盒子里，里面有几个小盒子，可能小盒子里还有盒子，这就是盒子嵌套。还比如小时候玩过的俄罗斯套娃，每层就像是一个盒子，盒子里面可以有很多盒子，一层套一层。
-
- 鹰击长空
- 2017-02-27 14:35:55
每一个div就是一个盒子，div里面包含的标签是盒子的内容部分，你定义的是盒子整体的宽和高，盒子还有外边距margin，内填充padding和边框border属性；外边距是指盒子与盒子间的距离，内填充指的是内容与边框的距离。盒子模型一般情况下考虑四部分：分别是外边距，边框，内填充和内容，这四个一起组成了盒子（对于背景暂时先不考虑）
企业网站综合布局实战
本课程重点介绍HTML/CSS实现常见企业网站布局的方法
157042 学习 · 1984 问题
相似问题