请问盒模型与层模型有什么关系?

来源:12-9 画个圈圈 - 使用border为盒子添加边框(一)

小雷

2017-01-30 10:26

还有想请问一下,盒模型中的内层与外层元素体现在哪里?这里只说了div元素啊,求大佬解释。

写回答 关注

3回答

  • qq_Absurdyears_0
    2017-02-13 11:02:18

    ”回 回“比方说将前边这两个还回字看成是两个块状元素。把第一个“回”字里面的小“口”看作是元素内容,而这个小“口”跟包含着它的大”口“之间的空白叫做内层(也就是内边距),而两个“回”字之间的空格叫外层(也就是外边距

  • vivianliuyana
    2017-02-04 21:03:52

    这概念有点问题。

    要是细分的话,盒模型可以分5层,最上层是border层,往下依次是content+padding层,background-image层,background-color层和margin层,这5层叠加起来形成的是一个盒模型的整体的平面视觉效果,但这个不能叫层模型,顶多叫盒模型的3D模型。而层模型指的是页面一种布局机制:定位。所以非要说它们有什么关系的话,盒模型是页面布局的基础,层模型是页面布局的一种方式,它们都和布局有关。。。

    至于 div它是个典型的用于(实际上是专用于)页面布局的盒模型,所以肯定是用它当示范的。实际上,所有元素都可以称作盒模型,可以验证,拿过来一个元素给他设置以上5个盒模型特性的属性和值,都是可以实现的。

    但问题是。。。<div>人家是专业的容器,就像开网店进货一样,你会把同类的装在同一个纸盒箱子里,装车时只需研究怎么摆放这些箱子就行啦,div就相当于那个专业的纸盒箱,布局时会把同属于一个主题块的一大堆元素用一个<div>装起来,再给div取个身份,想给这个主题块布局的时候,通过身份(其实就是选择器)调取这个div,处理这个div就行啦。。。

  • _Stoney
    2017-01-30 12:25:44

    这是指不同的方面吧,,,

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

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

1225808 学习 · 18234 问题

查看课程

相似问题