CSS 盒子模型

分类:HTML&CSS     发布时间:2017-04-12     最后更新:2021-02-23     浏览数:738
CSS 盒子模型

近期在做公司的项目,梳理了另一个同事写的 wiget 基础组件,两个 widget 中间的间距他用的是 border 来达到视觉效果,但我总感觉这个盒子很奇怪,于是把 widget 重新梳理了一遍。

重新回顾和梳理一下盒子模型。

在一个文档中,每个元素都被表示为一个矩形的盒子。

两个 widget 是平级的,它们的之间的间距理应用 margin 来隔开。

外边距区域 用空白区域扩展边框区域,以分开相邻的元素。

上一篇: CSS3 Flex 布局 下一篇: RxJS 合并流