问答详情
源自:3-11 企业网站制作之新闻中心制作(二)

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

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

提问者:从小就很帅0_0 2017-02-26 23:15

个回答

  • 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属性;外边距是指盒子与盒子间的距离,内填充指的是内容与边框的距离。盒子模型一般情况下考虑四部分:分别是外边距,边框,内填充和内容,这四个一起组成了盒子(对于背景暂时先不考虑)