0

我有一个向左浮动的 div。在它的右边，我有一个<ul class='nav nav-tabs'>.

如果我将导航列表浮动到左侧，它看起来很好，只是列表的底部边框仅在导航选项下方延伸。如何让它延伸到屏幕的其余部分？（即一直向右）。

如果我不将列表浮动到左侧，则选项卡会留在正确的位置，但底部边框适合 100% 的视口并移动到左侧导航下方。

这是 JS 小提琴：http: //jsfiddle.net/kimprince/TCEPE/

谢谢！

4

2 回答 2

2

不是将右列浮动到左侧，而是添加溢出：隐藏（或自动）以触发新的块格式化上下文。

这有效地导致右列占用剩余的水平空间。

您可以在此处找到有关其工作原理的详尽说明 

#right-col
{
  overflow:hidden;
}

小提琴

于 2013-09-30T06:07:09.070 回答
1

嗨，不太明白使用 col-lg-4 之类的 col-class 如果可以避免它，请不要添加自己的浮点数，使用 pul-left 类向左浮动或向右浮动

还要让引导程序的头部链接在像我这样的在线编辑器中工作，单击 HTML 旁边的图标。

http://codepen.io/CarraraWebsiteSolutions/pen/JFebh

于 2013-09-30T06:00:14.867 回答