你能改变容器中div的宽度吗？

Question

我在一个容器内有一个弹出窗口，它有一定的宽度（约占网站的60％）。我的问题是，如果可以让我的弹出窗口100％宽度。没有将div移到容器外面。

如果不可能，我将不得不找到解决方法。

目前我只在将div移到容器外部时才完成，但弹出窗口位于页面顶部。

Answer 1

你可以用width: calc()和一些数学来做（如果你的外容器是60％我猜你的内部必须是166.6667％，假设它是直接的孩子，而不是填充，边距等考虑到），但使用width: 100vw可能更容易，这应该使其成为视口宽度的100％。

Answer 2

如果未定位容器，则可以在弹出窗口中设置position: absolute; left: 0; right: 0;，并感到高兴。

实施例： https://jsfiddle.net/xhmg6vha/

Answer 3

您可以使用position:fixed或position:absolute定位div。然后，您可以将与窗口引用相关的弹出窗口设置为top:0, left:0。