Question

我目前在导航栏中有这个：

#nav-bar {
    position:fixed;
    float:left;
    width:300px;
    height:100%;
    background-color:#000000;
}

我希望拥有它，因此位于其右侧的任何元素都不会位于导航栏的下方，我希望能够将包装器<div>居中，以便根据页面的其余部分未被导航栏占用。

我尝试过实现一个位于垂直导航栏下方的包装器<div>但是我失败了很多。

这是我目前所拥有的：http://codepen.io/anon/pen/AXkKKo

Answer 1

我不太清楚你想要什么，但试试这个，

HTML：

+(instancetype)levelWithNum:(int)levelNum; {

     NSString     *levelsPlist  = [[NSBundle mainBundle] pathForResource:@"levels" ofType:@"plist"];
     NSDictionary *rootDict     = [NSDictionary dictionaryWithContentsOfFile: levelsPlist];
     NSString     *levelKey     = [NSString stringWithFormat:@"level%i", levelNum];

     NSDictionary *levelDic = rootDict[levelKey];

     NSAssert(levelDic, @"level no loaded");

     Level *l = [[Level alloc]init];
     l.coinsPerLvl = [levelDic[@"coinsPerLvl"] integerValue];
     l.words = levelDic[@"words"];
     return l;
}

CSS：

<div id="nav-bar"></div>
 <div class="wrapper">
 <div class="content center">
   Test Content
 </div>
</div>

Codepen：http://codepen.io/anon/pen/RRmWPA

如何将包装器<div>居中，使其不位于固定的垂直导航栏下方？

1 个答案: