一、盒子模型（Box Model） 盒子模型也有人称为框模型，HTML中的多数元素都会在浏览器中生成一个矩形的区域，每个区域包含四个组成部分，从外向内依次是：外边距（Margin）、边框（Border）、内边距（Padding）和内容（Content），其实盒子模型有两种，分别是 ie 盒子模型 ...

相信很多人在进行页面布局的时候，经常会使用到float,margin,padding等布局元素，并为了调整细节烦不胜烦，CSS3中新的盒子模型——弹性盒子模型(Flexible Box Model)为大家带来了不一样的新体验。 一 基本介绍 下面我们先来个样例，使用方式 ...

1. 介绍 1.1 什么是 Box Model 在HTML中的每个element(元素)都可以看作一个矩形的盒子，矩形从内到外依次由元素的内容(content)、内边距(padding)、边框(border)、外边距(margin)组成。 在CSS的布局中，元素的矩形被称为"Box ...

css盒子模型（Box Model） 盒子的组成一个盒子由外到内可以分成四个部分：margin（外边距）、border（边框）、padding（内边距）、content（内容）。会发现margin、border、padding是CSS属性，因此可以通过这三个属性来控制盒子的这三个部分 ...

盒子模型 页面中所有元素都可以看做是一个盒子，包含“内容”、“边框”（图形边框）、“内边距”和“外边距”四部分。 内容区 主要有三个属性： width height overflow 当 content 中的信息太多，超出内容区所占范围时，可通过 ...

写在前面的话： css3盒子布局，可以更简单直观的均分页面某一个div，并且还可以达到均分后的每一个元素中的内容上下居中、左右居中，但是该模型对浏览器的版本有要求： { display: -webkit-box; /* Firefox 30+，Chrome 4+, Safari ...

CSS盒子模型(下) 一．CSS3可伸缩框（Flexible Box） 可伸缩框属性（Flexible Box）是css3新添加的盒子模型属性，有人称之为弹性盒模型，它的出现打破了我们经常使用的浮动布局，实现垂直等高、水平均分、按比例划分等分布方式以及如何处理可用的空间。使该模型 ...

盒子模型之border 　　边框相关属性 　　border-width 控制边框的大小　　用长度赋值 　　border-style 控制边框的样式　　none 没有边框　　solid 实线　　dotted 点线　　dashed 虚线　　double 双线 ...