显示比其父 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：点击dropdiv后显示的dropdown-content。

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

如何解决这个问题？

Answer 1

您可以将其设置为 50vw（视口宽度的 50%）。

Answer 2

从 .leftdiv 中删除 position:relative; 并在 .dropdown-content

上设置 width: 50%;

我认为它应该适用于所有浏览器

Displaying a DIV larger than its parent DIV