1. 盒子的浮動 　　在標准流中，一個塊級元素在水平方向會自動伸展，知道包含它的元素的邊接；而在豎直方向與相鄰元素依次排列，不能並排。 　　CSS中float屬性，默認為none。將float屬性的值設置為left或right，元素就會向其父元素的左側或右側靠緊。同時默認情況下，盒子的寬度 ...

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

浮動 float屬性可以設置的值為none,left,right.對於設置了浮動的元素，會向其父元素的左側或右側緊靠，默認情況下，盒子的寬度不再伸展，而是根據盒子里面的內容來確定。浮動可以讓一個元素移到它所在行的某一邊，使得其他內容沿着該元素的邊緣向下流。 浮動的盒子會脫離文檔流 ...

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

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

二、定位（position） 　　初始狀態 　　1、相對浮動特點（relative）： ...

轉: https://www.jianshu.com/p/07eb19957991 CSS里浮動float是個概念比較曖昧的屬性，擼主最早對浮動 ...

脫離標准流。 CSS中有兩種方法，使一個元素脫離標准文檔流： （1）浮動 （2）定位 一、這里 ...