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

Question

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

P.S-请不要回答JQuery。 CSS或Javascript。如果它可以通过CSS实现它会非常棒，但javascript也会没问题。

Answer 1

您可以使用VW（ViewPort宽度）。 示例：

.child {width : 50vw}

Answer 2

您应该将您的子div设置为position:fixed 这与视口的大小有关。

#child {
  position: fixed;
  width: 100%;
}

Answer 3

HTML：

<div><div id="div"></div></div>

CSS：

#div {
height:50vh;
}

Make div 100% height of browser window？