有层级为3的一组div标签,class名分别为container、wrap、content,需求是当盒子wrap的高度大于盒子container时,可以进行滚动。
但是此时盒子wrap使用了一个全局css样式height:100%,就是说此时container 、wrap高度一致,需要将wrap改为自适应高度(即内容盒子content撑开的高度)
先设置html及body的CSS的高,分别为height:100%如下:
html,body{height:100%margin:0px}
或
html{height:100%}
body{height:100%margin:0px}
后面的高为100%才有效:
<table height="100%">
或
<div style="height:100%">
css默认下有一个高度,然后根据内容的填充需要自动适应内容的css写法:
div{ min-height:400pxheight:auto}
设置最小高度,也就是固定的高度。
设置高度自适应。
以此类推也可以定义最大高度,高度自适应,当内容填充超过一定程度高度将不再增加。