今天下班在地鐵上看了一個樣式教學視頻，因為最近在學習前端。以前剛畢業的時候，感覺后台才是王道，但最近發現，前端也很重要，比如：自己接一些私單做的時候，自己要根據需求做好界面，才能更加符合客戶需求， ...

在了解CSS中的浮動和定位之前有必要先了解清楚標准流和脫離標准流的特性 標准流的默認特性 1、分行、塊級元素，並且能夠dispay轉換。 2、塊級元素（block）：默認獨占一行，不能並列顯示，能夠設置寬、高，寬度為父盒子的100%。例如：div、p、標題元素（h1-h6）、列表元素 ...

，形成環繞的效果。 脫離文檔流 當框 1 向左浮動時，它脫離文檔流並且向左移動，直到它的左邊 ...

1.css float CSS float 屬性定義元素在哪個方向浮動，浮動元素會生成一個塊級框，直到該塊級框的外邊緣碰到包含框或者其他的浮動框為止。 1）元素怎樣浮動 元素的水平方向浮動，意味着元素只能左右移動而不能上下移動。 一個浮動元素會盡量向左或向右移動，直到它的外邊緣碰到包含 ...

注:本文章是參考千鋒網學習視頻總結得出。 最近在學習一個前端項目，項目中多處用到了浮動和定位。為此，通過看查找資料和看學習視頻，從浮動、清除浮動、相對定位、絕對定位、總結等五個部分來談談我對浮動和定位的理解。 一、浮動 浮動的使用場景：一般是將豎起來的多個盒子進行橫向的排列。 浮動的負面 ...

在理解定位之前，先說一個概念，文檔普通流，就是元素標簽正常在HTML里的順序，塊級元素從上至下排列，行內元素從左到右排列。 絕對定位 絕對定位：absolute，元素相對於離它最近的已定位祖先元素進行移動，如果元素沒有已定位的祖先元素，那么它的位置相對於最初的包含塊（一般是HTML元素 ...

先來說一下CSS中的浮動 一、浮動 1、標准流中的塊級盒子，寬度將自動伸展為100%，而浮動的塊級盒子，寬度不會自動伸展，而是由內容撐開 2、當一個盒子浮動，標准流中未浮動的其他盒子，將視浮動盒子不存在而占據浮動盒子原來的位置。（浮動盒子，會蓋在這個盒子的上方） 但是，未浮動盒子中 ...

　　浮動與定位在網頁設計中應用得很廣泛，是兩種主要布局方式的實現方法。 　　我們知道，網頁上一般來說，塊標簽是自上而下的一塊塊堆疊，行內標簽則在一行內從左到右依次並排，如果所有網頁的都這樣機械的排列着，也太單調了，所以有沒有一個東西讓標簽內容脫離這種文檔流呢，首先就可以考慮float ...