6、尺寸和定位的相关属性

一、CSS3新增的与尺寸相关的属性

新增了box-sizing和resize两个与尺寸相关的属性。

1、box-sizing用于设置盒模型组成模式：content-box border-box

值content-box表示padding和border不被包含在定义的width 和height内，对象的实际宽度=width+padding+border

值border-box表示padding和border包含在定义的witdth和height之内，实际放内容的地方只有 =width-padding-border

2、设置对象的区域是否允许用户缩放的属性-resize


值:none | both | horizontal | vertical
注：在使用resize属性时，需要设置overflow属性。

3、定位的相关属性  当使用这些定位时，记得加上宽和高

CSS中提供了用于设置定位方式的属性:position。 position属性的语法格式如下：

position: static | absolute | fixed | relative

static : 无特殊定位，对旬遵循HTML定位规则。使用该属性值时，top、right、bottom、left等设置无效。


absolute:绝对定位，使用top riht left bottom 等属性指定绝对位置。(相对父容器，父容器需要设置宽和高)


fixed:绝对定位，且对象位置固定，不随滚动条的移动而改变位置。元素框的表现类似于将 position 设置为 absolute，不过其包含块是视窗本身


releative：相对定位，（相对对象本身原来的位置），使用top right left bottom 等属性指定。
注：使用left top right bottom定位时，记得使用position指定定位方式。

4、left top right bottom
当我们将对象的定位方式设置成absolute、relative、fixed时，就需要设置其与父对象的距离
使用这四个东东。。

5、设置层叠顺序 z-index

当某些元素比如div 区域有交叉时，可以指定哪个在上，哪个在下，通过z-index设置（前提：在使用该属性时，必须定义position属性值为
absolute、relative、fixed三个中的一个），最大在上。