CSS:height

1. height/width的默認值爲auto;

• CSS的默認流四是水平方向的。父元素未設置高度由子元素撐開。而100%是多餘的，由於百分比要起做用，其父級必須有有效的高度！！！ 如何讓元素的高度支持100%； （1）父級以上都設置有效的高度（設置具體的值或者設置百分比，都是相對於content-box） eg：

html,body{
height:100%;
}

(2)子元素絕對定位（其相對於padding-box）,同時父元素相對定位；

eg: div{
height:100%；
position：absolute;
}

• 若是父元素的height爲auto,,只要子元素在文檔流中，其百分比比值就會徹底被忽略，
• 若是包含塊的高度沒有顯式指定，其高度由內容決定，而且該元素不是絕對定位，則計算值爲auto.
• 脫離文檔流的元素，默認是沒有寬高的，由內容撐開；
• 浮動的元素是相對於父級的；若是父級沒有高度，子元素也是沒有高度的；
• 而絕對定位，若是父級沒有高度，子元素有高度，子元素能夠顯示，但此時父元素的高度也爲0；
• 若是子元素脫離文檔流，並設置了高度，而父元素沒有高度，則父元素是撐不開子元素的，但若是子元素是絕對定位，則子元素會顯示設置的高度；