CSS盒模型

在一个文档中,每个元素都被表示为一个矩形的盒子。确定这些盒子的尺寸, 属性 --- 像它的颜色,背景,边框方面 --- 和位置是渲染引擎的目标。

在CSS中,使用标准盒模型描述这些矩形盒子中的每一个。这个模型描述了元素所占空间的内容。每个盒子有四个边:外边距边, 边框边, 内填充边 与 内容边。


一般情况下,我们在写CSS的时候,会使用box-sizing: border-box来使页面上的元素都以IE盒子模型来显现,避免一些不必要的bug。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Part 1 :盒模型(box model) "every element in web design is a ...
    野味狼果阅读 4,134评论 1 11
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,680评论 1 92
  • 盒子的属性 文档的每个元素被构造成文档布局内的一个矩形盒子,盒子每层的大小都可以使用一些特定的CSS属性调整。相关...
    古朋阅读 3,297评论 0 2
  • 盒模型 盒模型的特点: 每个盒子都有:边界、边框、填充、内容四个属性;每个属性都包括四个部分:上、右、下、左;这四...
    xiaolizhenzhen阅读 5,072评论 0 0
  • 幻想刺客hp阅读 1,098评论 2 0