寬度自適應(yīng)：width
1、在頁(yè)面布局中，如果塊級(jí)元素設(shè)置成100%或者不設(shè)置的情況下，寬度默認(rèn)自適應(yīng)到整個(gè)屏幕。
2、塊級(jí)元素不設(shè)置寬度的時(shí)候，和父級(jí)等寬。
3、如果當(dāng)前元素脫離了文檔流，元素的寬度由內(nèi)容決定。——元素設(shè)置脫離文檔流之前一定要給元素設(shè)置寬高大小，要不然元素是會(huì)看不見(jiàn)的哦~
高度自適應(yīng)：height
1、如果塊級(jí)元素不設(shè)置高度，并且沒(méi)有內(nèi)容時(shí)，元素在瀏覽器不顯示。
2、如果塊級(jí)元素不設(shè)置高度或者設(shè)置auto的時(shí)候，可以做到自適應(yīng)。內(nèi)容多高，元素高度就是多少。
子級(jí)元素想要做到自適應(yīng)的話可以把height：100%；width：100%；這樣子級(jí)元素的寬高就是從父級(jí)繼承得到。
常見(jiàn)的用法：就是我前一天寫(xiě)的html body{width：100%；height：100%}給瀏覽器對(duì)象設(shè)置寬高，這樣子級(jí)元素就自適應(yīng)瀏覽器寬高。在這里面有這樣一個(gè)案例，img{width：100%；height：100%}，就會(huì)導(dǎo)致圖片拉伸變形。因?yàn)閳D片的寬高像素是固定的，想要適應(yīng)父級(jí)的寬高，父級(jí)的寬高又比圖片本身寬高大，所以導(dǎo)致圖片拉伸變形。
最小高度min-height，當(dāng)元素沒(méi)有設(shè)置寬高時(shí)可以保持一個(gè)最小的高度，當(dāng)元素內(nèi)容添加進(jìn)去時(shí)自動(dòng)適應(yīng)。
屬性缺點(diǎn)：只能在高版本瀏覽器中使用，低版本中不顯示，這也算是最小高度屬性的bug了。那這里就有疑問(wèn)了，怎么在低版本中顯示最小高度呢？其實(shí)很簡(jiǎn)單，在低版本中_height屬性和最小高度的默認(rèn)作用是一樣的，只要把min-height替換成_height就可以了。
最高權(quán)重!important，如果很難修改的樣式，或者找不到需要修改樣式的位置，就可以重新設(shè)置樣式在樣式后加這樣的寫(xiě)法!important，這樣權(quán)重最高，就會(huì)優(yōu)先顯示。很方便。
聊完最小高度咱們來(lái)聊下最大寬度和最小寬度，屬性值分別為max-width和min-width。在標(biāo)準(zhǔn)的工作設(shè)計(jì)圖中，最大寬度是1092px，這個(gè)是標(biāo)準(zhǔn)電腦分辨率，如果有分辨率比較高的電腦，那兩側(cè)是會(huì)留白的。最小寬度的作用是防止盒子布局錯(cuò)亂，設(shè)置一個(gè)最小寬度，防止因?yàn)榭s小寬度內(nèi)容偏移到下面去的問(wèn)題。重要的用法：移動(dòng)端——媒體查詢。
在一個(gè)瀏覽器中導(dǎo)入一張圖片，圖片默認(rèn)是跟下面的塊狀元素是有3~6px的間距，給其添加樣式img{vertical-align:?top}就可以解決這個(gè)bug。
