时间戳

首页 > 解决方案 > CSS获取宽度自动值以在其他类中设置边距

css - CSS获取宽度自动值以在其他类中设置边距

问题描述

我还没有找到关于这个的类似问题。但是，我使用的是 Bootstrap 4（根据 Admin LTE 3），我想让我的主侧边栏大小正确，以完全显示菜单列表中的每个链接。似乎主侧边栏的宽度在 AdminLTE.css 中静态设置为 250 像素。由于语言翻译问题，一些文本超过 250 像素，我不想显示滚动条。

这是否可以使主侧边栏的宽度适应文本内容？我试图找到我的方式width: auto，.main-sidebar但问题是页面的另一部分位于我的主侧边栏后面，这不是我想要的，因为margin-left：

.main-sidebar {
    width: 250px;
}

body:not(.sidebar-mini-md) .content-wrapper, body:not(.sidebar-mini-md) .main-footer, body:not(.sidebar-mini-md) .main-header {
    transition: margin-left .3s ease-in-out;
    margin-left: 250px; 
}

width 和 margin-left 在这里必须相同，有没有办法只使用 CSS 使其动态化？

谢谢你的帮助

标签： cssbootstrap-4widthsidebaroverlap

解决方案

推荐阅读