javascript - 显示大于其父 DIV 的 DIV

Question

我有 2 个 DIV，我想显示在同一行(一个在左边，另一个在右边)。

左边的div:

.leftdiv {
    position: relative;
    display: inline-block;
    width : 30%;
}

正确的:

.right-div {
    float : right;
    width : 40%;
    background-color: lime;
}

左边的 DIV 包裹了另外 2 个 DIV:dropdown-content，在点击 dropdiv 后显示。

我希望 dropdown-content 占据页面的一半 (50%)，但即使我将其宽度设置为 100%，我也无法使其大于其父级 leftdiv(不得超过页面的 30%)。

如何解决这个问题？

JS Bin

Answer 1

您可以将其设置为 50vw(视口(viewport)宽度的 50%)。