CSS高度自适应问题

关键词:CSS, 高度, 自适应

高度为100%

对某个标签设置了高度为100%后,发现不起作用。

解决方法:对body(有时候需要html)添加代码:

body { height:100% }

原因:

当父元素设定了高度时,子元素的 height:100% 将继承父元素的高度。
因此,父元素没有设置,子元素100%充其量最高也只能是父元素那微小的高度。 
 
固定高度
 
自适应高度
误解:添加 height:100px 或者 height:auto 等语句.
其实不然,只要去掉所有的height语句,注意它所在容器(上一层)的标签的也应该不含有height属性,就会自适应的。
原文地址:https://www.cnblogs.com/lechie/p/2383234.html