Html div的高度不会根据内部内容调整大小

标题中class.list holder的我的div没有根据div中的内容调整大小。如果我增加列表项的填充，则内容会溢出div之外。 我已导入引导CDN

。列表持有者{
背景色：rgba（0,0,0,0.8）；
利润率：0px40px；
边缘顶部：15px；
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.名单持有人>保险商>保险商{
显示：内联；
填充：10px；
边框：实心1px；
}
.列表持有者>保险商>保险商>保险商{
显示：内联；
颜色：白色；
文字装饰：无；
}
.名单持有人>ul{
边际：0px；
填充：0px；
}

博客
开始
总浏览量：0
用户总数：0

您的

li

元素应该具有

显示：内联块

而不是

显示：内联

，以便触发父元素中的高度修改

但是，如果您想使用引导，可以这样做来实现您想要的功能（展开代码段以查看居中的菜单项）：

nav.navbar-dark.bg-dark{
背景色：rgba（0,0,0,0.8）！重要；
}
@介质（最小宽度：1200px）{
h1.navbar-brand{
位置：绝对位置；
}
导航表单内联{
位置：绝对位置；
右：15px；
}
}

博客









开始
总浏览量：0
用户总数：0

您的

li

元素应该具有

显示：内联块

而不是

显示：内联

，以便触发父元素中的高度修改

但是，如果您想使用引导，可以这样做来实现您想要的功能（展开代码段以查看居中的菜单项）：

nav.navbar-dark.bg-dark{
背景色：rgba（0,0,0,0.8）！重要；
}
@介质（最小宽度：1200px）{
h1.navbar-brand{
位置：绝对位置；
}
导航表单内联{
位置：绝对位置；
右：15px；
}
}

博客









开始
总浏览量：0
用户总数：0

。列表持有者{
背景色：rgba（0,0,0,0.8）；
利润率：0px40px；
边缘顶部：15px；
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.名单持有人>保险商>保险商{
显示：内联块；
填充：10px；
边框：实心1px；
}
.列表持有者>保险商>保险商>保险商{
显示：内联；
颜色：白色；
文字装饰：无；
}
.名单持有人>ul{
边际：0px；
填充：0px；
}

博客
开始
总浏览量：0
用户总数：0

。列表持有者{
背景色：rgba（0,0,0,0.8）；
利润率：0px40px；
边缘顶部：15px；
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.名单持有人>保险商>保险商{
显示：内联块；
填充：10px；
边框：实心1px；
}
.列表持有者>保险商>保险商>保险商{
显示：内联；
颜色：白色；
文字装饰：无；
}
.名单持有人>ul{
边际：0px；
填充：0px；
}

博客
开始
总浏览量：0
用户总数：0

请添加Bootstrap.css CDN:）请添加Bootstrap.css CDN:）