javascript - 我在另一个具有特定宽度的 div 中有一个 div,但我希望子 div 的宽度与浏览器屏幕大小的百分比而不是其父 div?

标签 javascript html css

我在另一个具有特定宽度的 div 中有一个 div,但我希望子 div 的宽度与浏览器屏幕大小成百分比而不是与其父 div 的百分比,这意味着当我将子 div 的宽度设置为 50% 时,我希望它的大小是浏览器屏幕的 50% 而不是其父元素的 50%,我不想将它从父子元素中删除它很重要,有什么方法可以在不将它从子元素中删除的情况下实现这一点?

P.S-请不要在 JQuery 中回答。 CSS 或 Javascript。如果它可以通过 css 实现,那将是非常棒的,但 javascript 也可以。

最佳答案

您可以使用 VW(视口(viewport)宽度)。 示例:

.child {width : 50vw}

关于javascript - 我在另一个具有特定宽度的 div 中有一个 div,但我希望子 div 的宽度与浏览器屏幕大小的百分比而不是其父 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37520017/

相关文章:

javascript - 线程如何帮助使用网络 worker ?

CSS 文本总是跨同一行

javascript - AngularJS 中不显示背景图片

javascript - 使用@nestjs/graphql 使用@ResolveProperty 和@Resolvers 创建嵌套查询

javascript - 如何在 Meteor 中对带有输入单元格表的表单进行响应式(Reactive)绑定(bind)?

html - 无法在 CSS 中居中一个部分

javascript - 外部 javascript 数组初始化

html - float div 应该有高度

javascript - 检查 System.Gadget.Flyout.file 的值

javascript - sessionstorage 有效,但在控制台中返回 "undefined"。为什么?