高さまたは幅のない親の中の子供

Question

私はポップオーバーシステムを作成していますが、popover-containerとpopoverという2つのdivがあります。コンテナは、0pxと0px divで、ページを基準にした配置を処理します。 popover子を中心にして、親が中央にくるようにします。

<div class="popover-overlay"> 
    <div class="popover-container" style="left: 40px;top: 40px;"> 
    <div class="popover shadow_card-light"></div> 
    </div> 
</div> 

---

.popover-overlay { 
    position: fixed; 
    width: 100vw; 
    height: 100vh; 
    z-index: 500; 
    pointer-events: none; 
} 

.popover-container { 
    position: absolute; 
    width: 0px; 
    height: 0px; 
} 

.popover { 
    min-height: 20px; 
    min-width: 50px; 
    background: white; 
    border-radius: 3px; 
    overflow: hidden; 
    top: 10px; 
} 

だから、現在の原点はこのようになります（円がコンテナである、長方形は、ユーザーが見るであろう実際のポップオーバーである）

私は何だろう原点は次のようになります：

私はフレックスセンタリング、マージンセンタリング、何も動作しないようにしました。

Answer 1

これは必要なものですか？あなたの質問は少し不明でしたが、ここに何かあります。

.element{ 
    position: absolute; 
    left: 0; 
    right: 0; 
    margin: 0 auto; 
} 

http://codepen.io/diego-fortes/pen/woGeBE