web04

####固定定位

• 当元素需要固定在窗口的某个位置的时候使用固定定位
• 格式: position:fixed;
• 显示特点:元素脱离文档流
• 如何控制元素的显示位置?
  通过left/right/top/bottom 让元素相对于窗口做位置偏移

####浮动定位
-格式: float:left/right;

• 显示特点: 元素脱离文档流,元素从当前所在行向左或向右浮动,当撞到上级元素边缘或其它浮动元素停止.
• 当需要将纵向排列的元素改成横向排列时使用浮动定位
• 如果元素的所有子元素全部浮动则自动识别的高度为0,给元素添加overflow:hidden;解决此问题
• 浮动元素受上级元素宽度影响,如果一行装不下会自动换行,换行时有可能被卡主
  ####行内元素的垂直对齐方式vertical-align

1. baseline 基线对齐 (横格本第三条线)
2. top 上对齐
3. middle 中间对齐
4. bottom 下对齐