说起来拗口，要实现效果如下图：

导航满屏，logo与下面内容距左的宽度是一样的，实现代码如下：
css代码：

.top{
    width: 100%;
    height: 120px;
    display: table-cell;
    vertical-align: middle;
}
.top-box{
    background-color: #000f32;
}

html代码

<div class="container-fluid top-box">
    <div class="container">
        <div class="top"><img src="../img/logo.jpg" style="height: 78px;"></div>
    </div>
</div>

container-fluid：满屏显示
container：栅栏格显示

原文出处：/show_1C7HCYGICIy.html