コンテナ内の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と置くことができます。