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

 时间:2024-10-16 16:19:39

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%
  • 怎么样在input标签选择是直接显示本地图片
  • html如何设置表格单元格垂直居中
  • jQuery如何获取div中的内容?
  • js怎么获取所有选中的checkbox复选框
  • 如何使用DBeaver修改数据库连接驱动属性
  • 热门搜索
    苹果怎么注册id账号 哈尔滨师范大学怎么样 安徽师范大学怎么样 怎么给电脑设密码 打火石怎么做 鱼刺卡在喉咙里怎么办 省略号怎么打出来 联通路由器怎么设置 混合痔是怎么回事 china怎么读