1僻孝、浮動(dòng)布局，定位細(xì)節(jié)守谓。想讓頁面放多塊東西穿铆，那就是浮動(dòng)。浮動(dòng)可以讓元素水平排列斋荞。浮動(dòng)的時(shí)候荞雏，各個(gè)元素的高度不等時(shí)，會(huì)出現(xiàn)卡主的現(xiàn)象平酿，盡量設(shè)置高度相等凤优。
2、浮動(dòng)元素脫離文檔流蜈彼，浮動(dòng)和浮動(dòng)元素筑辨，浮動(dòng)和普通元素，浮動(dòng)元素碰到父容器邊緣會(huì)停止幸逆，碰到另一個(gè)浮動(dòng)元素也會(huì)停止棍辕，碰到普通元素，比如文字还绘。文字會(huì)環(huán)繞浮動(dòng)元素周圍楚昭，從左往右，放不下的時(shí)候換行拍顷，繼續(xù)抚太。
3、右浮動(dòng)的時(shí)候菇怀，樣式跟代碼會(huì)恰好相反凭舶，如下
這樣樣式下晌块，一般外面包括一個(gè)父容器即可，父容器右浮動(dòng)帅霜，里面的元素做浮動(dòng)匆背，看著就正常了。
4身冀、浮動(dòng)清除
clear：left清除該元素的左邊沒有浮動(dòng)元素
clear：right清除該元素的左邊沒有浮動(dòng)元素
但是如果渲染第一個(gè)浮動(dòng)元素钝尸，其右邊就算有浮動(dòng)元素，給第一個(gè)元素設(shè)置clear:right是沒有作用的搂根，html的渲染是從上倒下的珍促，第一個(gè)元素設(shè)置清除浮動(dòng)根本沒有作用，沒有右邊元素就剩愧，不管用cleart什么都沒有作用猪叙。想讓誰跑到誰的左右或者上下，就對(duì)誰設(shè)置clear
如果以后的元素不用浮動(dòng)仁卷，可設(shè)置空標(biāo)簽穴翩，clear：both,那么其父容器就會(huì)被撐開，后面的元素就會(huì)按照正常的文檔流锦积。正常情況下芒帕，盒模型的高度一般不設(shè)置，盒模型會(huì)自動(dòng)設(shè)置丰介，但是盒模型不會(huì)計(jì)算浮動(dòng)元素進(jìn)入高度背蟆。
凡是有用到浮動(dòng)的元素。其父容器一定要包括哮幢，再設(shè)置clear:,也可用偽元素如下設(shè)置
塊級(jí)元素一般不設(shè)置width:100%,會(huì)影響文檔展示带膀。元素設(shè)為浮動(dòng)，絕對(duì)定位之后設(shè)置寬度：100%
浮動(dòng)可將元素進(jìn)行收縮家浇，可設(shè)置33.33%之類本砰。元素一旦加浮動(dòng)后碴裙，元素直接變成塊級(jí)元素钢悲，不用加display:block.可設(shè)置寬度高度內(nèi)邊距等
做一個(gè)簡單的兩欄布局，可以用float
三欄布局（渲染順序很重要）
中間藍(lán)色快是普通元素舔株，未設(shè)置浮動(dòng)莺琳，現(xiàn)在位置再中間是由于設(shè)置了margin
