Question

<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>

我试图将div与类lb-ad-test定位为与类row header-top相同的div。我尝试将position: relative添加到包含课程row header-top的div中，然后将position: absolute添加到包含课程lb-ad-test的div并设置top＆amp; right到0，但是当我这样做时，div中的内容不会显示。如何将内容放入下面的div与类row header-top的div相同？

<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;
}

Answer 1

将CSS中的.leaderboard-ad-homepage更改为.lb-ad-test？您的班级名称目前不匹配。

Answer 2

您可以尝试使用left=0和top = 0设置一个班级。

即使父级设置为相对，绝对定位也不起作用

2 个答案: