css 铺满父元素的最好用的一种方式

本文介绍了如何通过设置父元素position: relative;和子元素position: absolute;以及top, left, right, bottom为0来实现全屏填充的效果。这种方法避免了width: 100%; height: 100%可能带来的响应式问题。作者推荐在实际工作中使用定位方式来确保页面布局的稳定性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

个人最喜欢用的一种方式就是:(最适合写一个新页面的最外层container
父级元素设置position:relative;
子元素如下:

{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

你也可以使用width:100%;height:100%;
但是这种方式方式会有一些问题,在工作时候会被同事的某些异样的代码影响到响应式。之后再补充我遇到的情况;
推荐使用定位这种方式。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值