内容少时,如何设置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修改数据库连接驱动属性
  • 热门搜索
    错题本怎么做 清朝皇帝列表及简介 河洛群侠传攻略 红米手机怎么格式化 造梦西游4攻略 手游攻略 怎么用卷发棒卷内扣 薯条怎么做薯条的制作方法 死亡阴影攻略 潍坊旅游攻略