内容少时,如何设置div高度100%?

2025-10-18 19:28:59

1、我们先在html里创建一个div。

内容少时,如何设置div高度100%?

2、我们为div创建了100%的高度也是没用的。

内容少时,如何设置div高度100%?

3、运行页面时,div的高度还是内容的高度。

内容少时,如何设置div高度100%?

4、要设置不受内容限制,自适应100%的窗口高度,我们需要先给html添加一个100%的高度样式。

内容少时,如何设置div高度100%?

5、还需要为body添加一个100%的高度样式。

内容少时,如何设置div高度100%?

6、所要设置的div当然也需要一个100%的高度样式,最好再加上一个min-height:100%的样式。

内容少时,如何设置div高度100%?

7、运行页面后,可看到div的高度会自适应窗口的高度的。

内容少时,如何设置div高度100%?

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢