欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

如何让div充满整个页面的一个问题_html/css_WEB-ITnose

程序员文章站 2022-06-07 18:18:18
...















有上面这样的页面,div2高度的高度不确定,想实现两个效果:
①div2高度比较小的时候,div1充满整个页面
②div2高度比较大的时候,div1也被撑大

上面的代码只实现了效果①,效果②达不到(如高度=1500px),请问通过修改css能够同时实现①②两个效果吗?


回复讨论(解决方案)

效果②(清除浮动就行):

但这样就不能兼顾效果1了。
实际应用是想做个网页模板,div2放内容,高度不确定,当内容较少时希望div1能充满整个页面;内容多时div1被撑开。
所以希望同时兼顾两种效果。


body和html设置100%,div1给一个最小高度

三楼正解,受教了,非常感谢!