内容少时,如何设置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修改数据库连接驱动属性
  • 热门搜索
    劳动节手抄报简单漂亮 小学生文明礼仪手抄报 书韵飘香手抄报 中秋手抄报内容 关于卫生的手抄报 清明节手抄报一年级 手抄报花边图片 小学数学手抄报内容 书香校园手抄报内容 安全饮食手抄报