本篇文章需要對(duì)css布局技術(shù)進(jìn)行匯總捻艳，以達(dá)到對(duì)布局技術(shù)的系統(tǒng)性認(rèn)知
MDN對(duì)css布局的描述：
? ? CSS頁(yè)面布局技術(shù)允許我們拾取網(wǎng)頁(yè)中的元素，并且控制它們相對(duì)正常布局流庆猫、周邊元素认轨、父容器或者主視口/窗口的位置
css常見(jiàn)布局
css布局知識(shí)點(diǎn)
display屬性值：
none：該元素不會(huì)被顯示；
inline：塊級(jí)元素月培，前后有換行符嘁字；
block：元素為內(nèi)聯(lián)元素；
注：css布局方式：普通流杉畜，浮動(dòng)纪蜒，絕對(duì)定位
position屬性：
static：默認(rèn)值，沒(méi)有定位此叠；
relative：相對(duì)定位纯续，相對(duì)本身的正常定位進(jìn)行修改
absolate：絕對(duì)定位，相對(duì)于static元素外的第一個(gè)元素
fixed：絕對(duì)定位元素灭袁，相對(duì)于瀏覽器窗口進(jìn)行定位
margin屬性(設(shè)置元素外邊距大小)：
auto：瀏覽器計(jì)算外邊距猬错，常使用于居中顯示；
length：使用具體值計(jì)算外邊距值茸歧；
%：使用百分比進(jìn)行外邊距計(jì)算倦炒；
padding屬性(設(shè)置元素內(nèi)邊距)：
auto：瀏覽器計(jì)算內(nèi)邊距；
length：使用具體值計(jì)算內(nèi)邊距值软瞎；
%：使用百分比進(jìn)行內(nèi)邊距計(jì)算析校；
float屬性:
left：元素向左浮動(dòng)；
right：元素向右浮動(dòng)铜涉；
none：元素不進(jìn)行浮動(dòng)智玻；
注意：浮動(dòng)會(huì)自動(dòng)轉(zhuǎn)化為塊級(jí)元素
