float:浮動，故名思議，就是讓HTML元素(標簽)從標準文檔流裏浮動起來。從而不受標準文檔流的約束，變成了非標準流。
標準文檔流：HTML的默認布局方式，即元素從上往下，從左往右布局的。
非標準文檔流：即加了float就是非標準流，它的布局方式不按標準流的布局。說穿了 就是 脫離了文檔流。至於往那浮，就看妳的float的值，例如float:left; 就是往左浮動.
position:定位，主要分為絕對定位和相對定位。
從某種意義上來說，float是和position同時配合使用 的，即position不是單獨存在的。因為絕對定位被浮動的標簽會讓出它自個的所占用的位置。而相對定位則不會。