Html 由于div在内部的绝对位置，Bootstrap col md变得更大

我对导航中徽标图像的绝对定位有问题

我的标志必须一半在导航栏上，一半在吼叫

当我在col-md-3中添加一个属性为te-position:absolute的类时，父col-md-3的大小将大于普通col-md-3

它应该是这样的：

为了更好地定位内容，我将导航和徽标拉成一行两列（col-md-2和col-md-10）。第一行下方的连接波纹管为一行，带有两列——col-md-offset-2 col-md-7和col-md-3。两行下面的列必须具有相同的witdh

守则：

我的问题是为什么col-md-3的标志比第二排的col-md-3大。两个Col必须有相同的宽度…我不知道如何固定宽度

---

或者您有更好的方法来处理这个问题（主要是，徽标位于导航栏下方，导航栏下方的内容从徽标开始）

无需在绝对div中使用col md。在徽标中使用绝对值，在导航中使用相对值，然后给出一些最高值。像

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

我更喜欢使用。如果增加徽标的高度，它将从导航栏中显示。这是它的特点。这通常会成为一个问题。但现在这是解决你的任务的方法

请检查结果

@导入url（'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css');
.navbar默认值.navbar nav>.active>a，
.navbar默认值.navbar nav>.active>a:焦点，
.navbar默认值.navbar nav>.active>a:悬停{
背景色：#000；
颜色：#fff；
}
navbar先生{
页边距底部：0；
}
.navbar品牌{
填充：0 15px；
}
@介质（最小宽度：992px）{
.navbar>.container{
填充：0；
}
.navbar品牌{
左边距：0！重要；
}
.导航栏标题{
右边距：15px！重要；
宽度：16.666 7%；/*col-md-2的宽度*/
}
.导航栏标题img{
高度：自动；
最大宽度：100%；
}
}
节.行{页边距底部：50px；}
section.row>div>div{height:50px；}
.green{背景：绿色；}
.blue{背景：蓝色；}
.red{背景：red；}
.silver{背景：silver；}

问题是什么？你想知道什么？还有，无桌设计怎么样？展示了如何做到这一点，并解释了为什么你应该选择无表。如果需要，还可以给出左值。如果我不使用col-mduse width height作为你的徽标，我如何确保我的徽标及其右下方的div具有相同的宽度。我知道我可以通过增加高度和宽度来解决这个问题，但对于较小的分区，调整尺寸更为复杂。我认为这是在col-md-3中添加徽标的方法，并在徽标中添加img响应类，因此，高度和宽度是自动调整的。重要的是，徽标div的宽度与其下的div相同…因此我想使用col-md-3。为防止大小不一。使用高宽比响应高%