前端学习之如何让某个元素充满整个页面

1099 篇文章 1 订阅
723 篇文章 8 订阅
在前端开发中,让元素充满整个屏幕时常遇到挑战,特别是登录页面的布局。当设置height:100%无效时,关键在于正确设置html和body的高度。本文介绍一种方法:首先设置html和body的height为100%,并移除默认margin,然后为需要全屏的元素应用height:100%即可实现预期效果。
摘要由CSDN通过智能技术生成

在前端开发技术中,我们经常会遇到这样的问题太,就是想让一个元素充满整个页面,就像是我们在前端培训练习做网站或者app的登录页面的时候通常会遇到这样的问题,有时候我们在前端培训项目中做这样的登录界面时通过给元素设置height:100%结果是无效的。问前端学习老师才知道缺少了一点东西。下面就给大家介绍一下。

方法:

html,body{height:100%;margin:0;}

#test{height:100%;}

首先我们要定义一下页面的html和body标签,然后在去定义元素的标签属性,这样才可以实现对应效果。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值