css浮動
clear：向哪邊浮動，清除哪邊
clear：left;在左側不允許浮動元素。
clear:right;在右側不允許浮動元素。
clear:both;在左右兩側均不允許浮動元素
clear:none;預設值。允許浮動元素出現在兩側。
clear:inherit;規定應該從父元素繼承 clear 屬性的值。
css定位
position:absolute;生成絕對定位的元素，相對於 static 定位以外的第乙個父元素進行定位。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。
position:fixed;生成絕對定位的元素，相對於瀏覽器視窗進行定位。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。
position:relative;生成相對定位的元素，相對於其正常位置進行定位。因此，"left:20" 會向元素的 left 位置新增 20 畫素。
position:static;預設值。沒有定位，元素出現在正常的流中（忽略 top, bottom, left, right 或者 z-index 宣告）。
posintion:inherit;規定應該從父元素繼承 position 屬性的值。
固定定位相對視窗
絕對定位是按照第乙個父元素來定位
相對定位是按照原來的位置來定位
固定定位、絕對定位後的元素位置被清空，相對定位不請空
bfcbfc:(block formatting context)塊級格式化上下文（環境）
布局規則：
1.在bfc環境中所有元素在垂直方向上乙個接乙個的放置。
2.相鄰盒子（box）在垂直方向上的margin值會 重疊
3.內部盒子會以bfc的左邊（右邊）線接觸，浮動也是一樣
4.bfc區域不會與浮動盒子重疊
5、bfc環境中的子元素與外界分離，不會影響到外面的元素，而外面的元素也不會影響到裡面的元素
6、bfc中浮動元素會參與計算
bfc觸發方式：
float值不為none，
position：absolution，fixed；
display：inline-block，table-cell，table-caption，flex，inline-flex，overflow：不為visible
ifcifc：inlineformatting context 行級格式化上下文（環境）
1、ifc中的元素會在一行上從左到右排列
2、在一行上的所有元素會在該區域形成乙個行框
3、行框的寬度為包含框的寬度，高度為行框最高元素的高度
4、浮動的元素不會再行框中，並且浮動元素會壓縮行框的寬度
5、行寬的寬度容納不下子元素時，子元素會換到下一行顯示，並會產生新的行框
6、行框內的元素遵循text-align和vertical-align
CSS浮動與定位
浮動 如果希望塊元素在頁面中水平排列，使用float浮動元素，脫離文件流 可選值 none 預設，元素在文件流中排列 left 元素脫離文件流，向頁面左側浮動 right 元素脫離文件流，向頁面右側浮動 元素浮動後，下邊的元素會立即向上移動 a浮動後，b會直接頂到上面 元素浮動後不會超出父元素邊框和...
CSS浮動與定位
1.1浮動 浮動 是指設定了浮動屬性的元素會脫離標準標準流的控制，移動到其父元素中指定位置的過程。它可以讓任何盒子可以在一行排列，目的用來布局。在css中，通過float屬性來定義浮動，其基本語法格式如下 float none left right選擇器 屬性值描述 left 元素向左浮動 righ...
CSS 定位與浮動
css 定位 static 元素框正常生成。塊級元素生成乙個矩形框，作為文件流的一部分，行內元素則會建立乙個或多個行框，置於其父元素中。相對定位 relative 與最近的乙個元素進行定位。相對於原始的位置進行移動 注意，在使用相對定位時，無論是否進行移動，元素仍然佔據原來的空間。因此，移動元素會導...