html - Bootstrap col-md 变大是因为div在里面的绝对位置

Question

我对导航中 Logo 图像的绝对定位有疑问。

我的 Logo 必须一半在导航栏上，一半在下方。

当我在 col-md-3 中添加一个具有 te 属性 position: absolute 的类时，父级 col-md-3 的大小变得比正常的 col-md-3 大。

它应该是这样的:

为了更好地定位内容，我将导航和 Logo 拉成一行和两个列(col-md-2 和 col-md-10)。第一行下方的内容是包含两个列的一行 - col-md-offset-2 col-md-7 和 col-md-3。两行的列必须具有相同的 witdh。

代码: http://www.bootply.com/VJYSA55MEt

我的问题是为什么 Logo col-md-3 比第二行中的 col-md-3 大。两个列必须具有相同的宽度...我不知道如何固定宽度...

或者您有更好的方法来处理这个问题(主要是， Logo 在导航栏上并位于导航栏下方，并且导航栏下方的内容从 Logo 开始)

Answer 1

无需在 Absolute div 中使用 col-md。在 logo 中使用 Absolute，在 Nav 中使用 Relative 然后给出一些 Top 值，它会下降。喜欢

.logo{
  position:absolute;
  top:20px;
}
.nav{
  position:relative;
}