游览器---文档流

文档流
文档流：将窗体自上而下分成一行行，并在每行中按从左至右的顺序排放元素
positition属性
值：absolute绝对定位 
完全脱离文档流，相对于position属性非static值的最近父级元素进行偏离
fixed：固定定位
完全脱离文档流，相对于视区进行偏移
relative：相对定位
  这个属性值保持对象所在文档流中的位置，相对于元素在文档流中
  位置进行偏移，但保留原占位符，可以设置top.left/right/bottom
static;默认值
使用z-index，需要设置position：absolute：z-index大的再上面
opacity：透明度  ie不支持 取值0--1
filter 透明度只有ie支持0---100
布局
表格布局：缺点：<table>里内容太多，不一加载，不推荐使用，优点：写一起方便
框架布局：不推荐
div+css布局：用<div>切成块，然后使用css描述每个块的大小位置
布局最重要的一个属性就是float
两层并排排列float:left
层的相对居中margin：0px auto
层的自动高度(填满整个屏幕)
overflow：auto：zoom：1内部悬浮以后，外部层自适应高度
word-break：(横向益处解决)
normal(中文会换行，普通的英文(带空格的)遇到换行按单词换行，连续的英文不换行)
break-all(所有的文字该换行时都会换行，遇到单词也会把单词拆开来换行，不能保存单词的完整性)
keep-all(英文还是normal状态，中文也不换行)
轴向益处：overflow：auto，让它显示滚动条