选择CSS中现有div的一部分

Question

我试图让Facebook像蓝色酒吧。 所以，我注意到他们制作了一个宽度为100％的蓝色条，并在它下面创建了一个新的div，它选择了这个div的一半（淡蓝色部分是新的div）

那么，我在新div下面的文本或链接就像我想要的一样。 我怎样才能实现这一目标？ 我的HTML

    <div class="topBar" >
    <div class="bar_frame">
        fuuu
</div>
    </div>

这是我的CSS

    .topBar {

    background: #3b5998;
    top: 0;
    height: 36px; 
    width: 100%;
    background-position: center;
    position: fixed;

}

.bar_frame{
/* The new div code must go here but i dont know how to do this */
}

Answer 1

这会奏效。我假设你只需要在其父元素中居中一个固定宽度的div？这正是Facebook在你的例子中所做的事情，这就是在很多情况下它是如何完成的：

.bar_frame{
    width: 981px;
    margin: 0px auto;
}

Demo fiddle