css浮动于定位-布局的基础

今天做了个百度前端技术学院的题目，是小薇学院的定位和居中问题，代码如下：https://github.com/wdxia/ife/blob/master/html4.html在这个题目里用到了浮动和定位，浮动和定位是CSS布局里面的基础。

浮动：<div></div> div是块级元素，块级元素独自占用一行，除非添加display为inline-block或者float:left/right;浮动可以让块级元素脱离标准文档流

定位：定位可以分为四种：relative（相对定位）、absolute（绝对定位）、fixed（固定定位）、static。当我们不对元素应用定位属性时，就默认为static。

relative定位的元素（盒子模型）不脱离标准文档流，可以对它设定top（下移）、left（右移）、right（左移）、bottom（上移）。还可以设定负值

absolu脱离文档流，这时候他的定位是相当于应用了relative的定位而言的，对他设定top、left、right、bottom是相对于他的父元素（盒子）的边界。

fixed脱离了文档流，相对于浏览器的窗口而言。