极客观点
项目管理
HarmonyOS
如题，一个div,设置width:30%,如何让它的高度和宽度一样大小，并且随着宽度的变化而变化？
前提：不使用js代码
<body>
<div style='width:30%'></div>
</body>
<body>
<div style="width:30%;position:relative;overflow:auto;">
<img src="一张与背景相同或透明的正方形图片" style="width:100%;">
<div style="position:absolute;top:0;left:0;">
文字内容
</div>
</div>
</body>撰写回答
你尚未登录，登录后可以
- 和开发者交流问题的细节
- 关注并接收问题和回答的更新提醒
- 参与内容的编辑和改进，让解决方法与时俱进
推荐问题
如何实现类似豆包的AI改写框跟随内容滚动效果？
豆包这种是怎么实现的，ai改写这个框是跟随内容滚动的，但是ai改写这个框是在body下与根节点平级的，想了半天，看他页面上代码也看不出来，求助4 回答985 阅读✓ 已解决
问一个鼠标滚动事件，这种是怎么实现的？
我看到了deepseek官网的这个按钮，鼠标放上去，还是可以滚动页面，这个是怎么做的？我研究了一下deepseek官网的支持，而通义千问的却不可以。2 回答1.4k 阅读✓ 已解决
element-plus的el-menu怎么修改el-sub-menu的template的B的颜色？
element-plus的el-menu怎么修改el-sub-menu的template的B的颜色？在线示例Element Plus Playground 1示例代码 {代码...} 期望能修改element-plus的el-menu怎么修改el-sub-menu的template的B的颜色为红色做过的尝试Element Plus Playground 2 {代码...} 但是B并没有变成红色。回复@兔子先森（提示内容过长无法回复，只能...3 回答1.3k 阅读✓ 已解决
使用transform: scaleX 会造成几个相连的子元素看起来是分隔的？
[链接] {代码...} 使用了transform: scaleX(0.5)在高清的屏幕下，相连的几个子元素div看起来会是有间隔的？1 回答901 阅读✓ 已解决
less中在calc使用变量报错是哪里需要配置还是写法不对？
变量不在calc里用是正常的1 回答720 阅读✓ 已解决
CSS实现背景图根据显示窗口等比缩放？
设图片宽高比例是1:1，显示窗口是1:1就正常放，显示窗口是2:2或0.5:0.5就等比放大或缩小，显示窗口是2:1 就以高为100%，宽显示中间部分，左右屏幕外有图片原始宽度的25%显示窗口是1:2 就以宽为100%，高显示中间部分，上下屏幕外有图片原始宽度的25%3 回答745 阅读
css如何设置纵向滚动条的高度？
设计给的图纵向滚动条的高度只有20px，但是无论如何设置都不管用。宽度可以设置，高度不管用。 {代码...}2 回答901 阅读
<body>
</body>
设置高度为0,防止有内容时高度溢出