position
relative:距離自己原先位置發(fā)生變化
absolute：尋找最近的具有position屬性的父元素進(jìn)行定位，如果沒有的話设塔，就根據(jù)整個(gè)文檔進(jìn)行定位愉粤。
absolute：脫離文檔流（飛起來了断楷，離開了自己的位置响委，后面的就上去了）top ,
float：漂浮，脫離文檔流
float：right(left)：向右漂浮
2017/08/31
Relative: 相對(duì)于自身位置進(jìn)行定位剩愧，初始位置還在
Absolute：相對(duì)于最近的具有relative/Absolute屬性的父元素進(jìn)行定位猪叙，如果沒有，則相對(duì)于body進(jìn)行定位仁卷，初始位置已經(jīng)不存在了（其他元素的文字也會(huì)占據(jù)初始位置）穴翩，可以把行內(nèi)元素變成塊級(jí)元素
Static: 默認(rèn)設(shè)置
Fixed: 相對(duì)于窗口永遠(yuǎn)不動(dòng)，float 對(duì) 其不起作用锦积。
Float：左右漂浮芒帕，
（1）跟在最前面的標(biāo)準(zhǔn)流塊級(jí)元素下一行
（2）越過所有行內(nèi)元素
（3）跟在前面的float元素的后面，
（4）當(dāng)所有的float元素總寬度超過一行的時(shí)候丰介，后面的float元素會(huì)換行背蟆，換行之后，?
? ? ? ?a 左邊緣與前面的float元素右邊緣對(duì)齊或者?
? ? ? ?b 與body左邊緣對(duì)齊
（5）初始位置不存在了（文字不會(huì)占據(jù)初始位置）
（6）本來塊級(jí)元素的默認(rèn)寬度是父元素寬度的100%哮幢，但是加了float之后带膀，寬度變?yōu)閮?nèi)容寬度
（7）可以把行內(nèi)元素變?yōu)閴K級(jí)元素
alignment: 以baseline對(duì)齊
?clear: 只對(duì)自己有效果，和 float 搭配用橙垢。
overflow:當(dāng)內(nèi)容超過div的大小時(shí)垛叨。 ? （可以分別設(shè)置x軸,y軸）
a ?visible:字全部顯示
b ?hidden 只顯示div的大小
c? scroll 帶有滾動(dòng)條?
d ?auto? 帶有滾動(dòng)條(和scroll有區(qū)別，查一查)
visibility ：顯示或隱藏
visible
hidden
collapse:用于表格
content-box:內(nèi)容固定柜某，加修飾的額話往外擴(kuò)
border-box:邊框固定嗽元，加修飾的話會(huì)擠壓內(nèi)容
不包括margin
www.phpstudy.net/css3
www.css88.com
雙飛翼解決的問題
1 兩個(gè)邊框部分固定，中間內(nèi)容隨著屏幕大小自動(dòng)變化
2中間部分先被渲染喂击，讓用戶先看到中間的內(nèi)容
height和width的百分之多少是以父元素來衡量標(biāo)準(zhǔn)剂癌。如果父元素的height是0（默認(rèn)值），那子元素也是0
塊級(jí)元素的width的默認(rèn)值是100%惭等，而height的默認(rèn)值是0
如果塊級(jí)元素用float修飾珍手，變成行內(nèi)元素办铡，width默認(rèn)值也變成0了辞做。
flex 彈性盒子——display：flex
1 ?flex-direction:row,這時(shí)，設(shè)置的width失效
? ? flex-direction:column 寡具，這時(shí)秤茅，設(shè)置的height失效
2 -webkit-flex 用來設(shè)置比例
3 older用于設(shè)置flex的順序
ul>li*4>a
ul:無序列表
<li>
ol:有序列表
align-content ?對(duì)只有一行元素不起作用，要加 flex-wrap:wrap(換行）
justify-content：水平對(duì)齊方式
align-content,align-items：縱向?qū)R方式
clip?
默認(rèn)值：auto? 對(duì)象無剪切
適用于：絕對(duì)定位元素
示例：clip:rect(auto 50px 20px auto)
說明：上邊不剪切童叠，右邊從左起第50個(gè)像素開始剪切直至最右邊框喳，下邊從上起第20個(gè)像素開始剪切直至最底部课幕，左邊不剪切
上-左 方位的裁剪：從0開始剪裁直到設(shè)定值，即 上-左 方位的auto值等同于0五垮；
右-下 方位的裁剪：從設(shè)定值開始剪裁直到最右邊和最下邊乍惊，即 右-下 方位的auto值為盒子的實(shí)際寬度和高度；
上→右→下→左 的順序
