本篇文章需要對css布局技術進行匯總，以達到對布局技術的系統(tǒng)性認知

MDN對css布局的描述：

? ? CSS頁面布局技術允許我們拾取網頁中的元素，并且控制它們相對正常布局流、周邊元素、父容器或者主視口/窗口的位置

css常見布局

css布局知識點

display屬性值：

none：該元素不會被顯示；

inline：塊級元素，前后有換行符；

block：元素為內聯元素；

注：完整display屬性值

注：css布局方式：普通流，浮動，絕對定位

position屬性：

static：默認值，沒有定位；

relative：相對定位，相對本身的正常定位進行修改

absolate：絕對定位，相對于static元素外的第一個元素

fixed：絕對定位元素，相對于瀏覽器窗口進行定位

margin屬性(設置元素外邊距大小)：

auto：瀏覽器計算外邊距，常使用于居中顯示；

length：使用具體值計算外邊距值；

%：使用百分比進行外邊距計算；

padding屬性(設置元素內邊距)：

auto：瀏覽器計算內邊距；

length：使用具體值計算內邊距值；

%：使用百分比進行內邊距計算；

float屬性:

left：元素向左浮動；

right：元素向右浮動；

none：元素不進行浮動；

注意：浮動會自動轉化為塊級元素