我在另一个具有特定宽度的div内有一个div，但我希望子div的宽度与浏览器屏幕尺寸成百分比，而不是其父div？

我在另一个具有特定宽度的div内有一个div，但我希望子div的宽度与浏览器屏幕尺寸的百分比不与其父div的百分比，这意味着当我将子div的宽度设置为50％时，我希望它的宽度大小要占浏览器屏幕的50％而不是其父元素的50％，我不想将其从重要的父子元素中删除，有什么办法可以做到这一点而不将其从子元素中删除呢？

PS-请在JQuery中没有答案。CSS或Javascript。如果CSS可以实现，那确实很棒，但是javascript也可以。