gpt4 book ai didi

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

转载 作者:太空狗 更新时间:2023-10-29 12:32:06 27 4
gpt4 key购买 nike

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

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

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

它应该是这样的:

scheme

为了更好地定位内容,我将导航和 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 开始)

最佳答案

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

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

关于html - Bootstrap col-md 变大是因为div在里面的绝对位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37794952/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com