显示大于其父 DIV 的 DIV答案

【问题标题】：Displaying a DIV larger than its parent DIV显示大于其父 DIV 的 DIV
【发布时间】：2016-09-14 06:53:29
【问题描述】：

我有 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%） )。

如何解决这个问题？

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

从.leftdiv 中删除position:relative; 并将width: 50%; 设置为.dropdown-content

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

【讨论】：