1、外边框　　outline：1px solid blue; 

外边框用法和边框相似，外边框不占空间，只会显示

2、定位 position

(1)相对定位　ｒｅｌａｔｉｖｅ：对自身的一种定位

　　　1>给父级设置相对定位之后，自己也跟随父级移动

　　　2>给元素设置相对定位之后，不会影响其他元素的位置(即没有脱离文档流、还占有原来的空间)

(２)绝对定位　ａｂｓｏｌｕｔｅ：相对于父级的定位　

　　1>脱离文档流，不占原来的空间

　　2>定位在不设置ｔｏｐ等方向值时，位置不会发生变化

　　３>定位的层级是要比ｆｌｏａｔ或者文本的层级要高，可以挡住他们

　　４＞决定定位的元素如果没有定位父级，会相对于ｈｔｍｌ文档来定位

（３）固定定位　ｆｉｘｅｄ

　　固定定位的元素在窗口的位置始终不变

３、超出

（１）ｏｖｅｒｆｌｗ　处理超出区域的内容

　　ｈｉｄｄｅｎ　隐藏、　ｖｉｓｉｂｌｅ　显示（默认值）、　ｓｒｃｏｌｌ　滑动、　auto　自动

注意：auto和ｓｒｃｏｌｌ的区别在于，ｓｒｃｏｌｌ始终显示滚动条，ａｕｔｏ只会在内容超出方向时显示滚动条

（２）ｔｅｘｔ－ｏｖｅｒｆｌｏｗ　处理某一个超出区域的单词

　　ｃｌｉｐ　超出部分被裁剪掉、　ｅｌｌｉｐｓｉｓ　超出的部分用省略号代替、　string　用一个指定的字符串，内容自定义，来代替超出的内容（部分浏览器可用，譬如：火狐）

（３）使用ｔｅｘｔ－ｏｖｅｒｆｌｏｗ前确保ｏｖｅｒｆ不是ｖｉｓｉｂｌｅ

Lesson4（定位、超出隐藏）