css - Absolute positioning does not work even if the parent is set to relative -

<header>     <div class="row header-top">         <div class="row-inner">             <a href="/test1/" class="testxyz">                 <i class="icon icon-test"></i>                 <i icon-color="" class="icon icon-test" ng-style="{color: color}" style="color: rgb(51, 191, 238);"></i>             </a>                         <div class="header-here">                 <span>here</span>                 <ul class="header-here-list">                 </ul>             </div>         </div>     </div>     <span ng-controller="cncontroller" class="ng-scope">         <div class="row header-nav">             <div class="row-inner">             </div>         </div>     </span> </header> 

i'm trying position div class lb-ad-test same div class row header-top. tried adding position: relative div class row header-top , added position: absolute div class lb-ad-test , set top & right 0, content in div not show when that. how can place content in below div same div class row header-top?

<div ng-view="" class="app-container ng-scope">   <div id="lb-test" class="lb-ad-test ng-scope ng-isolate-scope" >   </div>      </div>  css:  .header-top {   background: #2b2b2b;   height: 93px;   position: relative; }  .lb-ad-test {   position: absolute;   padding-bottom: 40px;   padding-top: 40px;   left: 0px;   right: 0px;   margin: 0 auto; } 

change .leaderboard-ad-homepage in css .lb-ad-test? class names don't match.