前端简单入门第五讲 CSS基础(二)——盒子模型、浮动与位置

盒子模型 CSS里面有句话叫万物皆盒子，因此在这一小节要简单介绍一下CSS中的盒子模型。css 盒子模型的基本要素 如下图中的按钮为例， 在Chrome浏览器中查看这个元素，结果是这样的： 蓝色部分（28 x 32 ）是button的content，绿色的是padding，黄色的是border，深黄色是margin。盒子模型很简单，其实就这4个概念。所以，一个元素在页面上的宽高就是由这四个部分共同

>>阅读原文<<