我在另一个具有特定宽度的div中有一个div,但我希望子div的宽度为百分比,浏览器屏幕大小不是它的父div？

Question

我在另一个具有特定宽度的div中有一个div,但我希望子div的宽度为百分比,浏览器屏幕大小不是百分比与其父div,这意味着当我将子div的宽度设置为50%时,我希望它大小为浏览器屏幕的50%而不是其父元素的50%,我不想将其从父子中移除它的重要,任何方式实现这一点而不将其从子节点中删除？

PS-请不要回答JQuery.CSS或Javascript.如果它可以通过CSS实现它真的很棒,但javascript也会没问题.

Answer 1

您可以使用VW(ViewPort宽度).示例:

.child {width : 50vw}