整理下關於文檔流，浮動，定位及造成的影響文檔流的知識點 一 文檔流的概念指什么？ 　　文檔流，是指元素排版布局過程中，元素會自動從左到右，從上往下的流式排列。並最終窗體自上而下分成一行行，並在每行中按從左到右的順序排放元素。脫離文檔流即是元素打亂了這個排列，或是從排版中拿走 ...

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

當一個元素使用絕對定位后，它的位置將依據瀏覽器左上角開始計算或相對於父容器（在父容器使用相對定位時）。 絕對定位使元素脫離文檔流，因此不占據空間。普通文檔流中元素的布局就當絕對定位的元素不存在時一樣。因為絕對定位的框與文檔流無關，所以它們可以覆蓋頁面上的其他元素。 而浮動元素的定位還是基於正常 ...

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

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

浮動和定位 浮動 什么是浮動？ ​ 元素的浮動是指設置了浮動屬性的元素會脫離標准普通流的控制，移動到其父元素中指定位置的過程。它可以讓任何盒子可以在一行排列，用浮動來布局。 ​ 在css中，通過float屬性來定義浮動，其基本語法格式如下： 屬性值 ...

背景。元素的背景顯示區域在內容區和內邊距區，並且邊框是畫在背景之上的。這就是說如果邊框的樣式是dotted之類的，則邊框空隙之間是可以看到背景的。 可以設置背景的聲明有：background-col ...

當圖片不能設為背景的時候，圖片上需要配文字，文字div就需要設成浮動層position:absolute； 但是這時，這個浮動div無法顯示在img中間位置，不同分辨率的移動設備會顯示位置錯亂 這時可以將浮動div設成相對body的定位， .bonus-back { height ...