内容少时,如何设置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修改数据库连接驱动属性
  • 热门搜索
    上海野生动物园攻略 夏天怎么减肥 减肥药有副作用吗 镇江旅游攻略必玩的景点 重庆旅游攻略 头上长疙瘩怎么回事 胖子减肥 红宝石攻略 红烧肉家庭做法 蜂蜜减肥