css定位机制

W3C倡导结构、样式、行为分离

结构化标准语言：HTML、XML

表现标准语言：CSS

行为标准语言：DOM和ECMAScript

css三种定位机制：

浮动 绝对定位 文档流

标准文档流：从上到下，从左到右，输出文档内容。由块级元素和行级元素构成
                     块级元素：标签元素从左到右独占一行，碰到页面边缘自动换行
                                        div\ul\li\dl\dt\p
                     行级元素：可以在同一行显示，不会影响HTML文档结构
                                       span\strong\img\input

盒子模型

盒子3D模型

浮动定位：

当设置浮动，而没设置宽度时，则宽度随内容的长度而变化

当设置浮动时，只有紧邻其后的元素受到影响

margin：0 auto;可以用于定位元素位于中间位置，但是此时若设置浮动或绝对定位则失效

清除浮动：因为位于浮动元素后面的元素会受到浮动影响

       clear：left both right或设置 width：100%;(或固定宽度)overflow:hidden;清除浮动方法

       clear:both;一般用于清除浮动元素后紧邻的元素，当父级元素缩成一条时，该清除失效

       通过添加空标签<br>也可以清除浮动，但因为空标签一般不具意义，因此一般不推荐