css - 表示されないラッパー内の Div フロート

Question

Bootstrap Framework を使用していますが、独自のナビゲーションを作成したいと考えています。フロートを含むラッパー内で作成した 2 つの div が表示されないことがわかりました。理由はわかりません。 http://heidixu.com/misc/nav_div/

構造は次のようになります。

<div class="navBar-wrapper">
    <div class="logo"></div>
    <div class="navItems"></div>
</div>

.navBar-wrapper {
    max-width:1170px;
    background-color:black;
    height:45px;
    padding-left:15px;
    padding-right:15px;
    z-index:99999;
    margin-left:auto;
    margin-right:auto;
    position:relative;
}

.logo {
    width:100px;
    background-color:green;
    float:left;
}

.navItems {
    float:right;
    background-color:red;
    width:100px;
}

Answer 1

width両方の要素にofを指定しましたが100px、 を省略しheightました。