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；
• 若是子元素脱离文档流，并设置了高度，而父元素没有高度，则父元素是撑不开子元素的，但若是子元素是绝对定位，则子元素会显示设置的高度；