javascript - Semantic-UI 侧边栏转换问题

Question

我是 webdev 的新手。我正在尝试使用语义 ui 来构建一个简单的门户网站。

我在使用侧边栏组件时遇到问题。我希望侧边栏的行为像这个页面 https://adminlte.io/themes/AdminLTE/index2.html一样，当侧边栏显示/折叠时，正文内容会缩小/展开。

但是无论我在 semantic-ui 的侧边栏（推送/缩放）上选择什么设置/转换方法，身体的某些部分都会移出屏幕。我只想让内容在不超过视口宽度的情况下缩小和扩大。这是我的代码的 jsfiddle显示问题： https://jsfiddle.net/vinu_tlg/L5eqt3f4/

谁能让我知道如何在语义 UI 中实现这种行为。

之前有一个类似的问题，但我没有看到任何关于如何实现它的答案。

感谢任何指针。提前致谢。

score 0 · Accepted Answer

添加此样式

.sidebar.visible + .pusher {
  width: calc(100% - 260px);
}
body.pushable {
   background-color: white !important;
}

1 回答 1