我在另一個具有特定寬度的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}

Answer 2

您應該將子div設置為position:fixed這是相對於視口的大小。

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