浮動： div是塊級元素，塊級元素獨自占用一行，除非新增display為inline-block或者float:left/right;浮動可以讓塊級元素脫離標準文件流
定位：定位可以分為四種：relative（相對定位）、absolute（絕對定位）、fixed（固定定位）、static。當我們不對元素應用定位屬性時，就預設為static。
relative定位的元素（盒子模型）不脫離標準文件流，可以對它設定top（下移）、left（右移）、right（左移）、bottom（上移）。還可以設定負值
absolu脫離文件流，這時候他的定位是相當於應用了relative的定位而言的，對他設定top、left、right、bottom是相對於他的父元素（盒子）的邊界。
fixed脫離了文件流，相對於瀏覽器的視窗而言。
CSS 浮動布局與定位布局
布局常用的方法 用float設計浮動布局 float預設值為none,可根據頁面需要設定為左浮動left，或右浮動right 瀏覽器中效果 因為 div 是區塊元素，每個 div 獨佔一行，要想讓三個 div 在同一行裡顯示，就需要給三個子元素設定浮動，但浮動會使元素脫離文件流，父元素高度崩塌，所以...
css的布局方式（浮動布局，定位布局，伸縮盒）
布局 使用塊元素搭建網頁結構,改變預設文件流的方式，讓其在一行中顯示多列。讓塊在一行中顯示 浮動布局 float 為了讓塊元素在一行顯示 float left 向左浮動 right 向右浮動 可以使塊元素脫離當前的文件流 1 寬度如果沒有手動指定那麼就由內容決定 2 多個浮動元素在乙個浮動流中併排顯...
CSS基礎 浮動與定位
1 浮動 float float 引數 none 預設 無浮動 left 左浮動 right 右浮動 2 清除浮動 clear clear 引數none 無效果 left 清除右浮動 right 清除右浮動 both 擴充父元素2.定位 position 引數 static 靜態定位 relativ...