一案狠、標(biāo)準(zhǔn)流
標(biāo)準(zhǔn)流實際上就是一個網(wǎng)頁內(nèi)標(biāo)簽元素正常排列的順序的意思总滩；比如塊級元素會獨占一行纯蛾，行內(nèi)元素會按順序依次從左向右，從上向下排列却嗡；按照這種大前提的布局排列之下絕對不會出現(xiàn)列外的情況叫做標(biāo)準(zhǔn)流布局舶沛，也稱做流式布局。
二窗价、元素的浮動屬性float
1如庭、定義:元素的浮動是指設(shè)置了浮動屬性的元素會脫離標(biāo)準(zhǔn)文檔流的控制，移動到其父元素中指定位置的過程撼港。
2坪它、定義浮動：選擇器{float:屬性值;}
屬性值:left,向左浮動；right：向右浮動帝牡；none：沒有浮動（默認(rèn)值）
3往毡、浮動的特性
1).浮動脫離標(biāo)準(zhǔn)流，不占位置否灾，但會影響標(biāo)準(zhǔn)流。浮動只有左右浮動鸣奔。
2).浮動的元素A排列位置墨技，跟上一個元素（塊級）有關(guān)系。如果上一個元素有浮動挎狸，則A元素頂部會和上一個元素的頂部對齊扣汪；如果上一個元素是標(biāo)準(zhǔn)流，則A元素的頂部會和上一個元素的底部對齊锨匆。
3).一個父盒子里面的子盒子崭别，如果其中一個子級有浮動的，則其他子級都需要浮動恐锣。這樣才能一行對齊顯示茅主。
4).浮動根據(jù)元素書寫的位置來顯示相應(yīng)的浮動。
5) .元素添加浮動后土榴，如果沒有設(shè)置寬高的話诀姚，元素會具有行內(nèi)塊元素的特性。元素的大小完全取決于定義的大小或者默認(rèn)的內(nèi)容多少玷禽。也就是具有了包裹性赫段。
6).浮動具有破壞性，元素浮動后矢赁，破壞來原來的正常流布局糯笙，造成內(nèi)容塌陷。
三撩银、父容器高度塌陷
1给涕、如果一個標(biāo)準(zhǔn)流中的盒子所有的子元素都進(jìn)行了浮動，而且盒子沒有設(shè)置高度，那么父容器整個高度會塌陷稠炬。
2焕阿、overflow屬性應(yīng)用
選擇器{overflow:屬性值;}
?屬性值:
visible ：內(nèi)容不會被修剪，會呈現(xiàn)在元素框之外（默認(rèn)值）
hidden：溢出內(nèi)容會被修剪首启，并且被修剪的內(nèi)容是不可見的
auto：在需要時產(chǎn)生滾動條暮屡，即自適應(yīng)所要顯示的內(nèi)容
scroll：溢出內(nèi)容會被修剪，且瀏覽器會始終顯示滾動條
四毅桃、應(yīng)用布局和版心
“版心”是指網(wǎng)頁中主體內(nèi)容所在的區(qū)域褒纲。一般在瀏覽器窗口中水平居中顯示，常見的寬度值為960px钥飞、980px莺掠、1000px等。
布局流程:
1读宙、確定頁面的版心(可視區(qū))
2彻秆、分析頁面中的行模塊以及每個行模塊中的列模塊；
3结闸、運用盒子模型的原理唇兑，通過DIV+CSS布局來控制網(wǎng)頁的各個模塊
