1.標準文件流
文件流指的是元素排版布局過程中，元素會預設自動從左往右，從上往下的流式排列方式。並最終窗體自上而下分成一行行，並在每行中從左至右的順序排放元素
塊級元素：獨佔一行
h1~h6 p div 列表...
行內元素：不獨佔一行
span a img strong....
行內元素 可以被包含在 塊級元素中，反之，則不可以。
2.display
div塊元素
span行內元素
3.float
左右浮動 float
div
#father
.layer01
.layer02
.layer03
.layer04
/* clear: right; 右側不允許有浮動元素
clear: left; 左側不允許有浮動元素
clear: both; 兩側不允許有浮動元素
clear: none;
*/
解決方案：
#father
.clear
在父級元素中增加乙個 overflow
: hidden;
#father:after
浮動元素後面增加空div
因為**中盡量避免空div
設定父元素的高度
元素假設有了固定的高度，就會被限制
overflow
下拉的一些場景避免使用
寫法稍微複雜一點，但是沒有***，推薦使用！
5.對比
1.相對定位
"father">
"first">第乙個盒子
"second">第二個盒子
"third">第三個盒子
相對於原來的位置，進行指定的偏移，相對定位的話，它任然在標準文件流中，原來的位置會被保留
top: -20px;
left: 20px;
bottom: -10px;
right: 20px;
"box">
"a1" href="#">鏈結1
"a2" href="#">鏈結2
"a3" href="#">鏈結3
"a4" href="#">鏈結4
"a5" href="#">鏈結5
定位：基於***定位，上下左右~
1、沒有父級元素定位的前提下，相對於瀏覽器定位
2、假設父級元素存在定位，我們通常會相對於父級元素進行偏移~
3、在父級元素範圍內移動
相對於父級或瀏覽器的位置，進行指定的偏移，絕對定位的話，它不在在標準文件流中，原來的位置不會被保留
"father">
"first">第乙個盒子
"second">第二個盒子
"third">第三個盒子
div1
div2
圖層： 預設是0，最高無限~ 999
"en">"content">
#content
ul,li
/*父級元素相對定位*/
#content ul
.tiptext, .tipbg
.tiptext
.tipbg
CSS 定位和浮動
css 為定位和浮動提供了一些屬性，利用這些屬性，可以建立列式布局，將布局的一部分與另一部分重疊，還可以完成多年來通常需要使用多個 才能完成的任務。定位的基本思想很簡單，它允許你定義元素框相對於其正常位置應該出現的位置，或者相對于父元素 另乙個元素甚至瀏覽器視窗本身的位置。顯然，這個功能非常強大，也...
CSS 定位和浮動
css 為定位和浮動提供了一些屬性，利用這些屬性，可以建立列式布局，將布局的一部分與另一部分重疊，還可以完成多年來通常需要使用多個 才能完成的任務。定位的基本思想很簡單，它允許你定義元素框相對於其正常位置應該出現的位置，或者相對于父元素 另乙個元素甚至瀏覽器視窗本身的位置。顯然，這個功能非常強大，也...
CSS定位和浮動
基本思想 允許定義元素框相對於其正常位置應該出現的位置,或者相對于父元素,另乙個元素和瀏覽器視窗的本身.一切皆為框 元素分為塊級元素和行級元素兩種 可以使用display屬性改變框的型別 display屬性值 詳解block 可以讓行元素表現得像塊級元素一樣 none 生成的元素沒有框,該框的內容不...