ポジショニング絶対要素：文書の0

Question

私はそれは私が欲しいもの

のようになります

<div class="category"> 
    <div class="subcategory"></div> 
</div> 
<div class="category"> 
    <div class="subcategory"></div> 
</div> 
<div class="category"> 
    <div class="subcategory"></div> 
</div> 
<style> 
.category { position:relative} 
.subcateory { position:absolute ; top: 40px ; right: 0px ; width: 100vw} 
</style> 

のようなものである私のページ でメニュー/サブメニュー要素がsubmenuesのためである必要があり文書の％100をカバーして、右から：0のような文書を開始する

私は文書の100％に幅を設定しています100vwでtが、ドキュメントの0点からstratsように右の位置を設定する方法の株式をim？

Answer 1

.category { background: red; height: 50px; width:25%; display: inline-block; } 
 
.subcategory { position:absolute; top: 60px; right:0px; width:100%; background:blue;height: 100px; }

<div class="category"> 
 
    <div class="subcategory"></div> 
 
</div> 
 
<div class="category"> 
 
    <div class="subcategory"></div> 
 
</div> 
 
<div class="category"> 
 
    <div class="subcategory"></div> 
 
</div>