浮動，是因為有時候元素屬于內聯(lián)元素的時候是自動流式布局的，當我們想讓一個或者多個元素有格式的有可觀性的時候，需要給他進行浮動；

比如：多個li，給他左浮動就會顯示一排，不然是一行一行地顯示；

定位：定位是根據自己網頁的需要的時候，想把某個元素的位置固定在哪里哪里或者相對于什么來定位；

那么講解下position定位；position定位常用的三種；

1、relative，相對定位；相對定位只根據父元素的位置定位，一般默認是在父元素下面沒有任何樣式，可以自己規(guī)定相應的樣式；

2、absolute，相對于父元素的絕對定位，這是定位一般用在元素內需要進行絕對定位的元素，（如：我想把一個圖片絕對定位到元素內的左下角，一般這樣寫:img{position:absolute;right:0;bottom:0;}）注意的是，元素使用絕對定位后，那么它的父元素需要進行一次相對定位，不然絕對定位的元素是以body（也就是整個網頁）來進行定位的；

3、fixed，相對于瀏覽器窗口來定位；這個定位一般用到的地方，如網頁右側的聯(lián)系彈框，返回頂部，分享等；

怎么使用呢？

樣式（以類名為top為例）：.top{positon:fixed;left:0;top:100px;}表示：元素顯示在瀏覽器的最右邊，距離頂部100px的距離；

兩個塊級元素在一行用浮動 ? 定位有相對定位和絕對定位 ? ?希望能給你點幫助

你有必要好好理解一下浮動，與定位，深入了解，，理解之后差不多就可知道了