跨越两个跨越divs，bootstrap的跨度背景

Question

我正在尝试将两个跨度放在一个容器中，以实现跨越这两个跨度的背景。我做了一个jsfiddle示例，见下文

http://jsfiddle.net/hsEWG/1/

问题在于div似乎并不跨越这两个，而是在两个跨度之上。如果我将背景分别设置为两个跨度，我会得到它们之间的沟槽，这不应该是可见的。我也试图确定div是否未正确关闭但无效。

更新垃圾： http://jsfiddle.net/hsEWG/5/

Answer 1

将div更改为具有span10类，我认为它可行：

http://jsfiddle.net/hsEWG/3/

Answer 2

的 LIve demo 的

添加此css

.bgcolorblack{
overflow:hidden;
}

的 live demo 的

Answer 3

这是因为没有清理。 clearfix清除您的问题！

只需向clearfix添加.bgcolorblack课程即可。如果您的菜单来自div，则overflow: hidden;会修剪它们。

<div class="bgcolorblack clearfix">

小提琴：http://jsfiddle.net/hsEWG/6/

通常TBS附带clearfix类。但如果你发现它不包括在内，你可以很好地将它复制到你的CSS：

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

第二小提琴更新：http://jsfiddle.net/hsEWG/7/

如果您不需要空间，请为包装器提供类span10。在CSS中：

.bgcolorblack.clearfix.span10 {margin-left: 0;}

小提琴：http://jsfiddle.net/hsEWG/9/