CSS-display，overflow，CSS定位

display

• 功能：规定网页元素如何显示的问题

• 取值：none（隐藏），block（以块元素显示），inline（以行内元素显示）

• block：可以实现行内元素转换成块元素

• inline：可以实现将块元素转化成行内元素

overflow

功能：当内容溢出时，溢出的内容改该如何显示

取值：visible（可见的），hidden（隐藏），scroll（出现滚动条），auto（自动）

cursor

光标类型：网页中光标的类型

取值：help，wait，hand，pointer，，，

CSS定位

• position：元素定位方式

• 取值：static，fixed，relative，absolute

• static：静态定位（默认状态，不定位）

• fixed：固定定位

• relative:相对定位

• absolute：绝对定位

定位方式配合定位坐标一起使用


• 定位坐标：指定定位的元素，便宜目标元素的距离

• left：目标元素左边的距离

• top：上边

• right：右边

• botton：下边

1. 固定定位：position：fixed

1. 固定定位，是相对于浏览器窗口来进行的定位

2. 固定定位，不占空间，层级要高于普通元素

3. 固定定位，如果不指定定位坐标的话，固定定位元素的位置保持不变

2. 相对定位：positon：relative

1. 相对定位，是相对于“原来的自己”的位置进行定位

2. 相对定位，仍然占用空间，层级要高于普通元素

3. 相对定位，如果不指定定位坐标的话，固定定位元素的位置保持不变

4. 相对定位一般配合绝对定位使用
   

3. 绝对定位：position：abslute

1. 绝对定位，相对于祖先（相对或绝对）定位元素来进行的定位

1. 如果该元素上级元素没有进行定位的话，一直向上层寻找定位，最终相对于body进行定位
   

2. 绝对定位，不占空间，层级高于普通元素

3. 绝对定位，如果不指定定位坐标的话，固定定位元素的位置保持不变