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

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

元素定位方式 position定位: 靜態定位,相對定位,絕對定位,固定定位 浮動定位 靜態定位(默認) 格式: position: static; 靜態定位也稱為文檔流定位 特點: 元素以左上為基准依次平鋪開,不能實現層疊效果 ...

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

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

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

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

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