如何在不修改父CSS的情况下将HTML元素扩展为父元素的大小？

在不修改父CSS的情况下将HTML元素扩展为父元素的大小，可以使用CSS中的绝对定位和相对定位来实现。

具体步骤如下：

1. 将父元素设置为相对定位，可以使用position: relative;来实现。
2. 将需要扩展为父元素大小的子元素设置为绝对定位，可以使用position: absolute;来实现。
3. 使用top: 0;、right: 0;、bottom: 0;、left: 0;来将子元素的上、右、下、左边距都设置为0，使其覆盖整个父元素。
4. 如果子元素有其他内容需要显示，可以使用overflow: auto;来添加滚动条。

这样，子元素就会根据父元素的大小进行扩展，而不需要修改父元素的CSS。

这种方法适用于需要将某个元素扩展为父元素大小的情况，例如实现全屏背景图、全屏遮罩等效果。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云官网：https://cloud.tencent.com/
• 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯云人工智能：https://cloud.tencent.com/product/ai
• 腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
• 腾讯云移动开发：https://cloud.tencent.com/product/mobile
• 腾讯云区块链服务：https://cloud.tencent.com/product/tbaas
• 腾讯云元宇宙：https://cloud.tencent.com/product/tencent-metaverse