css去掉全局高度

html-css04

css去掉全局高度,第1张

css去掉全局高度,1.场景描述

有层级为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}

设置最小高度,也就是固定的高度。

设置高度自适应。

以此类推也可以定义最大高度,高度自适应,当内容填充超过一定程度高度将不再增加。